/**************************************************
 * Global Styles - core.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: TUAZR001 $
 * $Revision: #25 $
 * $Change: 1646759 $
 * $Date: 2016/10/21 $
 **************************************************/

* {
    padding: 0;
    margin: 0;
}

html {
    font-size: 100.01%;
    position: relative;
    height: 100%;
}

html, body {
    height:100%;
}

body {
    position: relative;
    height: auto;

    background: none;
    background-image: none;
    font-size: 14px;
    overflow-x: visible;
    -ms-overflow-style: scrollbar;
}

body.body-height-auto {
    height: auto;
}

.touch body.modal-open {
    position: fixed;
    height: 0;
    min-height: 0;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: auto;
}

.touch body.modal-xs-open {
    position: fixed;
    min-height: auto;
    height: auto;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: auto;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    .me .me-controls .me-controls-general .me-share {
        display: none !important;
    }

    .touch body {
        position: static;
        top: 0;
        left: 0;

        min-height: 100%;
        width: 100%;
    }

    body.modal-open {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;

        height: 100%;
        -webkit-overflow-scrolling: auto;
    }

    body.modal-open .mainWrapper {
        overflow-y: hidden;
    }

    .offersBanner .dvicDashboard a.dvicBanner:focus{
        outline: 2px dotted!important;
    }
}


/*
|-----------------------------------------------------------------------------------------------
| Normalize
|-----------------------------------------------------------------------------------------------
|
*/

dl, dt {
    margin: 0;
    padding: 0;
}

b, strong {
    font-weight: 600;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

a[href^=tel]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
    border: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type='number'] {
    -moz-appearance: textfield;
    border: 0;
}

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

ul, ol {
    padding: 0;
}

hr {
    float: none;
    border: 0;
    background-color: #EEEBEB;
    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
    width: auto;
}

a,
a:focus,
a:hover {
    outline: none;
}

a,
a:link,
a:visited,
a:focus,
a:hover {
    color: #0079BC;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

a[rel="external"],
a[rel="external"]:link,
a[rel="external"]:visited {
    color: #0079BC;
}

a[rel="external"] span {
    color: #ffffff;
}

/*
|-----------------------------------------------------------------------------------------------
| Bootstrap Containers
|-----------------------------------------------------------------------------------------------
*/

.dp-inline-block {
    display: inline-block;
}

.dp-inline {
    display: inline;
}

.dp-block {
    display: block;
}

.dp-table {
    display: table;
}

.dp-table-caption {
    display: table-caption;
}

.dp-table-header-group {
    display: table-header-group;
}

.dp-table-row-group {
    display: table-row-group;
}

.dp-table-row {
    display: table-row;
}

.dp-table-cell {
    display: table-cell;
}

.pos-relative {
    position: relative;
}

.pos-absolute {
    position: absolute;
}

.pos-static {
    position: static;
}

.pos-fixed {
    position: fixed;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.container {
    max-width: 960px;
    width: auto;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    .container {
        width: auto;
    }
}

.whitespace-nowrap {
    white-space: nowrap;
}


/*
|-----------------------------------------------------------------------------------------------
| Flex
|-----------------------------------------------------------------------------------------------
*/

.dp-flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.dp-flex-box {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    flex: 1;
    margin: 0 15px;
}

/*
|-----------------------------------------------------------------------------------------------
| Bootstrap Height Width
|-----------------------------------------------------------------------------------------------
*/

.fill-xy {
    height: 100%;
    width: 100%;
}

.fill-x {
    width: 100%;
}

.fill-y {
    height: 100%;
}


/*
|-----------------------------------------------------------------------------------------------
| Bootstrap States
|-----------------------------------------------------------------------------------------------
*/

.is-loading-shown {
    display: none;
}

.is-loading .is-loading-shown {
    display: block;
}

.is-loading .is-loading-hidden {
    display: none;
}


/*
|-----------------------------------------------------------------------------------------------
| Bootstrap Typography
|-----------------------------------------------------------------------------------------------
*/

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellip {
    display: block;
    height: 100%;
    text-overflow: ellipsis;
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%;
}

.ellip,
.ellip-line {
    overflow: hidden;
}

/*
|-----------------------------------------------------------------------------------------------
| Bootstrap Contextual Colors
|-----------------------------------------------------------------------------------------------
*/

.text-muted {
    color: #78899E;
}

.text-warning {
    color: #ff4605;
}


/*
|-----------------------------------------------------------------------------------------------
| Bootstrap Contextual Backgrounds
|-----------------------------------------------------------------------------------------------
*/

.bg-smoke {
    background-color: #eee;
}

.bg-muted-striped {
    background-color: #dce7f3;
    background-image: -webkit-linear-gradient(135deg,rgba(255,255,255,1.15) 25%,transparent 25%,transparent 55%,rgba(255,255,255,1.15) 55%,rgba(255,255,255,1.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(135deg,rgba(255,255,255,1.15) 25%,transparent 25%,transparent 55%,rgba(255,255,255,1.15) 55%,rgba(255,255,255,1.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(135deg,rgba(255,255,255,1.15) 25%,transparent 25%,transparent 55%,rgba(255,255,255,1.15) 55%,rgba(255,255,255,1.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
}

.bg-primary {
    color: #fff;
    background-color: #4096b3;
}

.bg-info {
    background-color: #a9d4eb;
}

.bg-info-striped {
    background-color: #a9d4eb;
    background-image: -webkit-linear-gradient(135deg,rgba(255,255,255,1.15) 25%,transparent 25%,transparent 55%,rgba(255,255,255,1.15) 55%,rgba(255,255,255,1.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(135deg,rgba(255,255,255,1.15) 25%,transparent 25%,transparent 55%,rgba(255,255,255,1.15) 55%,rgba(255,255,255,1.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(135deg,rgba(255,255,255,1.15) 25%,transparent 25%,transparent 55%,rgba(255,255,255,1.15) 55%,rgba(255,255,255,1.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
}

.bg-warning {
    color: #fff;
    background-color: #ff4605;
}

.bg-inverse {
    color: #fff;
    background-color: #253b56;
}

.dvui-bg-primary {
    background-color: rgb(64,150,179); /* Old browsers */
    background-image: -moz-linear-gradient(top,  rgb(3,104,139) 0%, rgb(64,150,179) 51%, rgb(64,150,179) 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(3,104,139)), color-stop(51%,rgb(64,150,179)), color-stop(100%,rgb(64,150,179))); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top,  rgb(3,104,139) 0%,rgb(64,150,179) 51%,rgb(64,150,179) 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top,  rgb(3,104,139) 0%,rgb(64,150,179) 51%,rgb(64,150,179) 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top,  rgb(3,104,139) 0%,rgb(64,150,179) 51%,rgb(64,150,179) 100%); /* IE10+ */
    background-image: linear-gradient(to bottom,  rgb(3,104,139) 0%,rgb(64,150,179) 51%,rgb(64,150,179) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03688b', endColorstr='#4096b3',GradientType=0 ); /* IE6-9 */

    background-repeat: no-repeat;
}

.dvui-bg-lightball {
    background-image: url('../images/lightball.png');
    background-repeat: no-repeat;
    background-position: top center;
}

.dvui-bg-primary-html {
    background-color: rgb(64,150,179); /* Old browsers */
    background-image: -moz-linear-gradient(top,  rgb(3,104,139) 0%, rgb(64,150,179) 51%, rgb(64,150,179) 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(3,104,139)), color-stop(51%,rgb(64,150,179)), color-stop(100%,rgb(64,150,179))); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top,  rgb(3,104,139) 0%,rgb(64,150,179) 51%,rgb(64,150,179) 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top,  rgb(3,104,139) 0%,rgb(64,150,179) 51%,rgb(64,150,179) 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top,  rgb(3,104,139) 0%,rgb(64,150,179) 51%,rgb(64,150,179) 100%); /* IE10+ */
    background-image: linear-gradient(to bottom,  rgb(3,104,139) 0%,rgb(64,150,179) 51%,rgb(64,150,179) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03688b', endColorstr='#4096b3',GradientType=0 ); /* IE6-9 */

    background-repeat: no-repeat;
}

.dvui-bg-lightball-body {
    background-image: url('/media/dvc_site/images/lightball.png');
    background-repeat: no-repeat;
    background-position: center 68px;
    position: relative;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    .bg-light-xs {
        background: #fff;
    }
}

/*
|-----------------------------------------------------------------------------------------------
| Containers
|-----------------------------------------------------------------------------------------------
*/

.content-heading {
    padding: 15px 20px 8px;
}

.content-title {
    color: #253b56;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    margin: 0;
    line-height: 36px;
}

.content-heading > p,
.content-heading > .content-heading-text {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 0;
    max-width: 529px;
}

.content-inner {
    padding: 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .content-heading {
        padding: 15px 10px 8px;
    }

    .content-heading > p,
    .content-heading > .content-heading-text {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        max-width: none;
    }

    .content-inner {
        padding: 10px;
    }

}


/*
|-----------------------------------------------------------------------------------------------
| Bootstrap Tables
|-----------------------------------------------------------------------------------------------
*/

.table-layout-fixed {
    table-layout: fixed;
    margin: 0;
}

.table-layout-fixed th,
.table-layout-fixed td {
    padding: 0;
}

.table-responsive {
    padding-bottom: 1px;
}


/**
 * Table Default
 *===============*/

.table-default {
    border-bottom: 1px solid #ddd;
}

.table-default caption {
    background: none;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
    margin-bottom: 15px;
}

.table-default > thead > tr > th,
.table-default > tbody > tr > th,
.table-default > tfoot > tr > th,
.table-default > thead > tr > td,
.table-default > tbody > tr > td,
.table-default > tfoot > tr > td {
    padding: 15px 30px 15px 0;
}

.table-default > thead > tr > th:last-child,
.table-default > tbody > tr > th:last-child,
.table-default > tfoot > tr > th:last-child,
.table-default > thead > tr > td:last-child,
.table-default > tbody > tr > td:last-child,
.table-default > tfoot > tr > td:last-child {
    padding-right: 0;
}

.table-default > thead > tr > th {
    background: none;
    border-bottom: 0;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    padding-top: 0;
    padding-bottom: 2px;
}

.table-default > tbody > tr > th,
.table-default > tbody > tr > td {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
}


/*
|-----------------------------------------------------------------------------------------------
| Row Tables
|-----------------------------------------------------------------------------------------------
*/

.row-table {
    display: table;
    table-layout: fixed;
    max-width: none;
    width: 100%;
    white-space: nowrap;
    margin-bottom: 0;
    border-spacing: 0;
}

.row-table .dp-table-header-group > .dp-table-row div[class^='col-xs-'] {
    background: #c3d9ff;
    font-weight: 600;
    text-align: left;
}

.row-table .dp-table-caption {
    border: 1px solid #dfdfdf;
    border-bottom: 0;
    padding: 8px;
}

.row-table .dp-table-row {
    display: table-row;
}

.row-table .dp-table-row > div[class^='col-xs-'] {
    display: table-cell;
    float: none;
    border: 1px solid #dfdfdf;
    padding: 8px;
    vertical-align: top;
    text-align: left;
    white-space: normal;
    word-break: break-word;
    word-break: break-all;
}

.row-table .dp-table-row > div[class^='col-xs-'] > em {
    margin-left: 15px;
}

.row-table .dp-table-row > div[class^='col-xs-']:first-child {
    border-left: 1px solid #dfdfdf;
}

.row-table .dp-table-row > .col-xs-3 {
    width: 225px;
}

.row-table .dp-table-row > .col-xs-1 {
    width: 80px;
}

.row-table-collapse {
    padding-bottom: 0;
}

.row-table-collapse.collapsing {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.row-table-collapse.collapse-hiding {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

/*
|-----------------------------------------------------------------------------------------------
| Bootstrap Form Overrides
|-----------------------------------------------------------------------------------------------
*/

input[type=text].form-control,
input[type=email].form-control,
input[type=password].form-control,
input.text.form-control,
input.title.form-control,
textarea.form-control {
    margin: 0;
    -webkit-box-shadow: 0 1px 3px 0 #777;
    -moz-box-shadow: 0 1px 3px 0 #777;
    box-shadow: 0 1px 3px 0 #777;
    border-radius: 6px;

    background-image: none;
    -webkit-appearance: none;
}

input[type=text].form-control,
input[type=email].form-control,
input[type=password].form-control,
input.text.form-control,
input.title.form-control {
    border: 0;
    height: auto;
    padding: 5px 6px 4px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: normal;
}

input[type=text].form-control:focus,
input[type=email].form-control:focus,
input[type=password].form-control:focus,
input.text.form-control:focus,
input.title.form-control:focus {
    border-color: transparent;
    -webkit-box-shadow: 0 0 4px 1px #0079BC;
    -moz-box-shadow: 0 0 4px 1px #0079BC;
    box-shadow: 0 0 4px 1px #0079BC;
}

.form-group label {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
}

/*
|-----------------------------------------------------------------------------------------------
| Bootstrap Labels
|-----------------------------------------------------------------------------------------------
*/

.label-warning {
    background-color: #ff4605;
}

/*
|-----------------------------------------------------------------------------------------------
| Bootstrap Media
|-----------------------------------------------------------------------------------------------
*/

.media > .media-left {
    float: left;
    margin-right: 20px;
}

.media > .media-right {
    float: right;
    margin-left: 20px;
}

.media-table > .media-body,
.media-table > .media-left,
.media-table > .media-right {
    display: table-cell;
    float: none;
    vertical-align: top;
    margin: 0;
}

.media-table > .media-body {
    overflow: visible;
    width: 100%;
}

.media-table > .media-right {
    white-space: nowrap;
    padding-left: 20px;
}

.media-flex {
    display: -webkit-flex;
    display: flex;
}

.media-flex > .media-body {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

/*
|-----------------------------------------------------------------------------------------------
| Bootstrap Panels
|-----------------------------------------------------------------------------------------------
*/

.panel-lg {
    border-radius: 12px;
}

.panel-lg > .panel-heading {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.panel-lg > .panel-footer {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    .panel-lg {
        border-radius: 5px;
    }

    .panel-lg > .panel-heading {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .panel-lg > .panel-footer {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
}

/*
|-----------------------------------------------------------------------------------------------
| PEP Containers
|-----------------------------------------------------------------------------------------------
|
*/

.container-compact:before,
.container-compact:after {
    display: table;
    content: " ";
}

.container-compact:after {
    clear: both;
}

.container-compact {
    display: table-caption;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}

.pep2-container {
    max-width: 980px;
    width: auto;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    text-align: left;
}

.pep2-container:before,
.pep2-container:after {
    display: table;
    content: " ";
}

.pep2-container:after {
    clear: both;
}

@media (max-width: 767px) {
    .pep2-container {
        padding-right: 10px;
        padding-left: 10px;
    }
}

.pep2-container-fluid {
    padding-right: 20px;
    padding-left: 20px;
}

.pep2-container-fluid:before, .pep2-container-fluid:after {
    display: table;
    content: " ";
}

.pep2-container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .pep2-container-fluid {
        padding-right: 10px;
        padding-left: 10px;
    }
}

.pep2-offscreen,
.pep2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: -10000px !important;
    top: -10000px !important;
}

/*
|-----------------------------------------------------------------------------------------------
| Rows
|-----------------------------------------------------------------------------------------------
|
*/

.pep2-row {
    margin-right: -15px;
    margin-left: -15px;
}

.pep2-row:before, .pep2-row:after {
    display: table;
    content: " ";
}

.pep2-row:after {
    clear: both;
}

ul.pep2-row > li {
    list-style: none;
}


/*
|-----------------------------------------------------------------------------------------------
| Progress
|-----------------------------------------------------------------------------------------------
*/

.progress-text {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
}

.progress-bar-muted,
.progress-bar-muted.progress-bar[aria-valuenow="0"] {
    background: #78899e;
}

.progress-bar-muted .progress-text {
    color: #fff;
}

/*
|-----------------------------------------------------------------------------------------------
| Pep Icons
|-----------------------------------------------------------------------------------------------
|
*/
.icon,
.peptasia,
.dvcss-pepmdxicon,
.pepMdxIcon {
    visibility: hidden;
}

.pepMdxIcon.mobileBurgerBtn {
    visibility: visible!important;
}
.pepMdxIcon.mobileSideBarIcon {
    visibility: visible!important;
}

.peptasia,
i.peptasia {
    display: inline-block;
    position: relative;
    top: 1px;
    font-family: pepmdx2!important;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.peptasia-disney-resort:before {
    content: "\e001";
}

.peptasia-california-adventure:before {
    content: "\e002";
}

.peptasia-disney-paris:before {
  content: "\e003";
}

.peptasia-shanghai-disney-resort:before {
    content: "\e004";
}

.peptasia-hongkong-disney:before {
    content: "\e005";
}

.peptasia-tokyo-disney:before {
    content: "\e006";
}

.peptasia-aulani-resort-hawaii:before {
    content: "\e007";
}

.peptasia-adventure-by-disney:before {
    content: "\e008";
}

.peptasia-disney-park-generic-castle:before {
    content: "\e009";
}

.peptasia-leadership:before {
    content: "\e00a";
}

.peptasia-selection-training:before {
    content: "\e00b";
}

.peptasia-quality-service:before {
    content: "\e00c";
}

.peptasia-brand-royalty:before {
    content: "\e00d";
}

.peptasia-creativity-innovate:before {
    content: "\e00e";
}

.peptasia-business-excellence:before {
    content: "\e00f";
}

.peptasia-medical-excellence:before {
    content: "\e010";
}

.peptasia-catalogs:before {
    content: "\e011";
}

.peptasia-disney-park:before {
    content: "\e012";
}

.peptasia-disneyland-resort:before {
    content: "\e013";
}

.peptasia-city-hall-services:before {
    content: "\e014";
}

.peptasia-hkdl-magic-access:before {
    content: "\e015";
}

.peptasia-downtown-disney:before {
    content: "\e016";
}

.peptasia-all-parks-and-resorts:before {
    content: "\e040";
}

.peptasia-magic-kingdom:before {
    content: "\e041";
}

.peptasia-epcot:before {
    content: "\e042";
}

.peptasia-animal-kingdom:before {
    content: "\e043";
}

.peptasia-hollywood-studios:before {
    content: "\e044";
}

.peptasia-typhoon-lagoon:before {
    content: "\e045";
}

.peptasia-blizzard-beach:before {
    content: "\e046";
}

.peptasia-disney-springs:before {
    content: "\e047";
}

.peptasia-espn-wide-world-sports:before {
    content: "\e048";
}

.peptasia-resorts:before {
    content: "\e049";
}

.peptasia-disney-beach-resorts:before {
    content: "\e04a";
}

.peptasia-disney-boardwalk:before {
    content: "\e04b";
}

.peptasia-all-categories:before {
    content: "\e04c";
}

.peptasia-cirque-du-soleil-la-nouba:before {
    content: "\e04d";
}

.peptasia-disney-cruise-line:before {
    content: "\e080";
}

.peptasia-dcl-our-ships:before {
    content: "\e081";
}

.peptasia-dcl-destinations:before {
    content: "\e082";
}

.peptasia-dcl-onboard-fun:before {
    content: "\e083";
}

.peptasia-dcl-new-cruisers:before {
    content: "\e084";
}

.peptasia-dcl-port-adventures:before {
    content: "\e085";
}

.peptasia-app-instructions:before {
    content: "\e086";
}

.peptasia-featured-article:before {
    content: "\e087";
}

.peptasia-drink-of-the-day:before {
    content: "\e088";
}

.peptasia-view-folio:before {
    content: "\e08a";
}

.peptasia-key-to-the-world:before {
    content: "\e08b";
}

.peptasia-in-room-entertainment:before {
    content: "\e08c";
}

.peptasia-ship-directory:before {
    content: "\e08d";
}

.peptasia-theatre:before {
    content: "\e08e";
}

.peptasia-disembarkation:before {
    content: "\e08f";
}

.peptasia-room-upgrade:before {
    content: "\e098";
}

.peptasia-castaway-club-member:before {
    content: "\e09a";
}

.peptasia-cart-empty:before {
    content: "\e0c0";
}

.peptasia-cart-full:before {
    content: "\e0c1";
}

.peptasia-tickets:before {
    content: "\e0c2";
}

.peptasia-fastpass-plus:before {
    content: "\e0c3";
}

.peptasia-fastpasses-set:before {
    content: "\e0c4";
}

.peptasia-fastpasses-copy-set:before {
    content: "\e0c5";
}

.peptasia-cancel-fastpasses:before {
    content: "\e0c6";
}

.peptasia-water-park:before {
    content: "\e0c7";
}

.peptasia-vacation-packages:before {
    content: "\e0c8";
}

.peptasia-personal-magic:before {
    content: "\e0c9";
}

.peptasia-florida-resident:before {
    content: "\e0ca";
}

.peptasia-disney-vacation-club-info:before {
    content: "\e0cb";
}

.peptasia-annual-passholder:before {
    content: "\e0cc";
}

.peptasia-us-military:before {
    content: "\e0cd";
}

.peptasia-special-offers:before {
    content: "\e0ce";
}

.peptasia-booking-rooms-packages:before {
    content: "\e0cf";
}

.peptasia-old-fastpass:before {
    content: "\e0d0";
}

.peptasia-certificate:before {
    content: "\e0d1";
}

.peptasia-will-call-tickets:before {
    content: "\e0d2";
}

.peptasia-entrance-pass:before {
    content: "\e0d3";
}

.peptasia-guest-pass:before {
    content: "\e0d4";
}

.peptasia-city-pass:before {
    content: "\e0d5";
}

.peptasia-california:before {
    content: "\e0d6";
}

.peptasia-southern-california:before {
    content: "\e0d7";
}

.peptasia-etickets:before {
    content: "\e0d8";
}

.peptasia-compare-offers:before {
    content: "\e0d9";
}

.peptasia-baja-california-resident:before {
    content: "\e0da";
}

.peptasia-area-attractions:before {
    content: "\e0db";
}

.peptasia-anaheim-resort-transit:before {
    content: "\e0dc";
}

.peptasia-edit-fastpass:before {
    content: "\e0dd";
}

.peptasia-in-park-merchandise:before {
    content: "\e0e0";
}

.peptasia-travel-insurance:before {
    content: "\e0e1";
}

.peptasia-texas-resident:before {
    content: "\e0e2";
}

.peptasia-canadian-resident:before {
    content: "\e0e3";
}

.peptasia-add-tickets:before {
    content: "\e0e4";
}
.peptasia-splurge:before {
    content: "\e0e5";
}

.peptasia-mdx:before {
    content: "\e100";
}

.peptasia-about-me:before {
    content: "\e101";
}

.peptasia-friends-family:before {
    content: "\e102";
}

.peptasia-account-settings:before {
    content: "\e103";
}

.peptasia-magicbands:before {
    content: "\e104";
}

.peptasia-magic-cards:before {
    content: "\e105";
}

.peptasia-pin-payment-methods:before {
    content: "\e106";
}

.peptasia-communication-references:before {
    content: "\e107";
}

.peptasia-wishlist:before {
    content: "\e108";
}

.peptasia-link-existing-reservation:before {
    content: "\e109";
}

.peptasia-guest-entered-schedule-item:before {
    content: "\e10a";
}

.peptasia-birthday:before {
    content: "\e10b";
}

.peptasia-memory-maker:before {
    content: "\e10c";
}

.peptasia-memory-maker-2:before {
    content: "\e10d";
}

.peptasia-passes-and-memberships:before {
    content: "\e10e";
}

.peptasia-all-activities:before {
    content: "\e140";
}

.peptasia-attractions:before {
    content: "\e141";
}

.peptasia-characters:before {
    content: "\e142";
}

.peptasia-entertainment:before {
    content: "\e143";
}

.peptasia-tours-events:before {
    content: "\e144";
}

.peptasia-in-park-shopping:before {
    content: "\e145";
}

.peptasia-spas:before {
    content: "\e146";
}

.peptasia-tour:before {
    content: "\e14c";
}

.peptasia-spring-break:before {
    content: "\e14d";
}

.peptasia-dining:before {
    content: "\e180";
}

.peptasia-dining-plan:before {
    content: "\e181";
}

.peptasia-dining-plan-accepted:before {
    content: "\e182";
}

.peptasia-dining-plan-not-accepted:before {
    content: "\e183";
}

.peptasia-dining-reservation:before {
    content: "\e184";
}

.peptasia-menu:before {
    content: "\e185";
}

.peptasia-prix-fixe-qsr:before {
    content: "\e186";
}

.peptasia-alert:before {
    content: "\e240";
}

.peptasia-healthcheck-check:before {
    content: "\e241";
}

.peptasia-healthcheck-crossout:before {
    content: "\e300";
}

.peptasia-next:before {
    content: "\e30c";
}

.peptasia-prev:before,
.peptasia-previous:before {
    content: "\e30d";
}

.peptasia-print:before {
    content: "\e30f";
}

.peptasia-calendar:before {
    content: "\e311";
}

.peptasia-calendar-closed:before {
    content: "\e312";
}

.datepicker-carousel.invisible .peptasia-calendar-closed,
.daypicker-carousel.invisible .peptasia-calendar {
    display: none;
}

.peptasia-norgie:before,
.peptasia-caret:before {
    content: "\e316";
}

.peptasia-gift:before {
    content: "\e380";
}

.peptasia-facebook:before {
    content: "\e385";
}

.peptasia-twitter:before {
    content: "\e386";
}

.peptasia-youtube:before {
    content: "\e387";
}

.peptasia-instagram:before {
    content: "\e388";
}

.peptasia-pinterest:before {
    content: "\e389";
}

.peptasia-google-plus:before {
    content: "\e38a";
}

.peptasia-disney-cast:before {
    content: "\e38b";
}

.peptasia-disney-response:before {
    content: "\e38c";
}

.peptasia-thrill-seekers:before {
    content: "\e38e";
}

.peptasia-doll:before {
    content: "\e390";
}

.peptasia-front-desk:before {
    content: "\e391";
}

.peptasia-movies:before {
    content: "\e392";
}

.peptasia-unlocked:before {
    content: "\e393";
}

.peptasia-tumblr:before {
    content: "\e394";
}

.peptasia-services:before {
    content: "\e395";
}

.peptasia-old-photopass-plus:before {
    content: "\e396";
}

.peptasia-winter:before {
    content: "\e3e4";
}

.peptasia-spring:before {
    content: "\e3e5";
}

.peptasia-summer:before {
    content: "\e3e6";
}

.peptasia-autumn:before {
    content: "\e3e7";
}

.peptasia-pack-for-weather:before {
    content: "\e3e8";
}

.peptasia-play-button:before {
    content: "\e320";
}

.peptasia-dvd:before {
    content: "\e288";
}

.peptasia-cast:before {
    content: "\e38B";
}

/*
|-----------------------------------------------------------------------------------------------
| PEP Listing Group and Items
|-----------------------------------------------------------------------------------------------
*/

.pep2-listing-group {
    margin: 0 0 20px;
    padding-left: 0;
    list-style: none;
}

.pep2-listing-item {
    position: relative;
    display: block;
    padding: 20px 36px 20px 20px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.pep2-listing-item a {
    color: #253b56;
}

.pep2-listing-item .lead {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}

.pep2-listing-item .pep2-listing-item-description,
.pep2-listing-item .pep2-listing-item-disclaimer {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.pep2-listing-item .pep2-listing-item-description {
    min-height: 1px;
}

.pep2-listing-item .pep2-listing-item-caret {
    position: absolute;
    top: 50%;
    right: 14px;
    color: #dfdfdf;
    font-size: 24px;
    margin-top: -12px;
}

.pep2-listing-item .pep2-listing-badge {
    position: absolute;
    top: 0;
    right: 70px;
    z-index: 1;
    padding-bottom: 15%;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    background-clip: content-box;
    overflow: hidden;
}

.pep2-listing-item .pep2-listing-badge > div {
    padding: 0 10px;
}

.pep2-listing-item .pep2-listing-badge.bg-warning:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 52%;
    background-color: inherit;
    padding-bottom: 11%;
    width: 52%;
    z-index: -1;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(6deg) skewX(-78deg);
    -ms-transform: rotate(6deg) skewX(-78deg);
    transform: rotate(6deg) skewX(-78deg);
}

.pep2-listing-item-heading {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 0;
    max-width: 470px;
}

.pep2-listing-item a.hover,
.pep2-listing-item a:hover,
.pep2-listing-item a:focus,
.pep2-listing-item a.hover .pep2-listing-item-heading,
.pep2-listing-item a:hover .pep2-listing-item-heading,
.pep2-listing-item a:focus .pep2-listing-item-heading,
.pep2-listing-item a.hover .pep2-listing-item-caret,
.pep2-listing-item a:hover .pep2-listing-item-caret,
.pep2-listing-item a:focus .pep2-listing-item-caret {
    color: #0079BC;
    text-decoration: none;
}

.pep2-listing-item .pep2-listing-item-media .pep2-listing-item-media-wrapper {
    width: 170px;
}

.pep2-listing-item .pep2-listing-item-media .pep2-listing-item-media-wrapper img.lazy{
    margin-left: auto;
    margin-right: auto;
}

.pep2-listing-item .pep2-listing-item-body .media {
    margin-top: 0;
}

.pep2-listing-item .pep2-listing-item-body .pep2-listing-item-body-left {
    margin-right: 30px;
    max-width: 370px;
    width: 60%;
}

.pep2-listing-item .pep2-listing-item-body .pep2-listing-item-body-left .pep2-listing-item-description.media {
    margin-top: 10px;
}

.pep2-listing-item .pep2-listing-item-body .pep2-listing-item-body-left .pep2-listing-item-description.media > .media-left {
    margin-right: 3px;
}

.pep2-listing-item .pep2-listing-item-body .pep2-listing-item-body-left .pep2-listing-item-description.media > .media-left .peptasia {
    margin-right: 0;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .pep2-listing-item {
        padding: 20px 36px 15px 11px;
    }

    .pep2-listing-item .pep2-listing-item-caret {
        right: 3px;
    }

    .pep2-listing-item-heading {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 0;
        max-width: none;
    }

    .pep2-listing-item .pep2-listing-item-body .pep2-listing-item-body-left {
        margin-right: 0;
        max-width: none;
        width: auto;
    }

    .pep2-listing-item .pep2-listing-item-description,
    .pep2-listing-item .pep2-listing-item-disclaimer {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .pep2-listing-item .pep2-listing-item-disclaimer {
        color: #65778a;
    }

    .pep2-listing-item .pep2-listing-item-body .pep2-listing-item-body-left .pep2-listing-item-description.media > .media-left {
        margin-right: 4px;
        font-size: 14px;
        line-height: 20px;
    }

    .pep2-listing-item .pep2-listing-item-body .pep2-listing-item-body-left .pep2-listing-item-description.media > .media-body {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

}


/*
|--------------------------------------------------------------------------
| Media Object
|--------------------------------------------------------------------------
|
|
*/
.pep2-media {
    margin-top: 15px;
    overflow: visible;
}

.pep2-media:first-child {
    margin-top: 0;
}

.pep2-media .media-body, .pep2-media .media-left, .pep2-media .media-right {
    display: table-cell;
    vertical-align: top;
}

.pep2-media .media-left, .pep2-media .pep2-pull-left {
    padding-right: 5px;
}

.pep2-media .media-left .peptasia, .pep2-media .pep2-pull-left .peptasia {
    top: -2px;
    font-size: 21px;
}

@media (max-width: 767px) {
    .pep2-media .media-left .peptasia, .pep2-media .pep2-pull-left .peptasia {
        top: 0;
        font-size: 15px;
    }
}

.pep2-media .media-right, .pep2-media .pep2-pull-right {
    padding-left: 5px;
}

.pep2-media .media-object {
    display: block;
}

.pep2-media .media-body {
    width: 100%;
    overflow: hidden;
    zoom: 1;
}

.pep2-media .media-body > ul {
    list-style-type: disc;
    margin: 7px 0 0 16px;
    padding: 0;
}

.pep2-media .media-body > ul > li {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

@media (max-width: 767px) {
    .pep2-media .media-body > ul > li {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }
}

.pep2-media .media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.pep2-media .media-title {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

@media (max-width: 767px) {
    .pep2-media .media-title {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
    }
    .pep2-media .media-title a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        white-space: nowrap;
    }
}

@media (max-width: 414px) {
    .pep2-media .media-title a {
        white-space: normal;
    }
}


/*
|--------------------------------------------------------------------------
| At A Glance
|--------------------------------------------------------------------------
|
| @scope Global
|
*/
.pep2-at-a-glance h1,
.pep2-at-a-glance .h1,
.pep2-at-a-glance h2,
.pep2-at-a-glance .h2 {
    margin-bottom: 6px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}


/*
|--------------------------------------------------------------------------
| Wells
|--------------------------------------------------------------------------
|
|
*/
.pep2-well {
    min-height: 1px;
    margin-bottom: 0;
    padding: 20px;
    background-color: #f5f5f5;
    border: 0;
    border-radius: 6px;
}

.pep2-well.pep2-well-info {
    background-color: #e5f3f8;
    color: #253b56;
}

/*
|-----------------------------------------------------------------------------------------------
| Bootstrap Modals
|-----------------------------------------------------------------------------------------------
*/

.modal-open {
    overflow: hidden!important;
}

.modal-xs-open {
    overflow: hidden;
}

.modal-visible-xs {
    display: none;
}

.modal-visible-xs.in {
    overflow-y: auto;
}

/* Desktop query */
@media screen and (min-width: 768px) {

    .modal-visible-xs {
        display: none!important;
    }

}

.modal .modal-fullscreen {
    height: 100%;
    width: 100%;
    margin: 0;
    background: #fff;
}

.modal-fullscreen .modal-content {
    min-height: 100%;
    padding: 24px 19px 18px;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.5);
    box-shadow: 0 0 0 rgba(0,0,0,.5);
}

.modal-fullscreen .modal-header {
    padding: 0;
    border: 0;
}

.modal-fullscreen .modal-title {
    color: #253B56;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 30px;
    margin-bottom: 9px;
}

.modal-fullscreen .modal-body {
    padding: 21px 0 20px;
}

.modal-fullscreen .modal-parent {
    margin-bottom: 65px;
}

.modal-fullscreen .modal-footer {
    border-top: 0;
}

.modal-fullscreen .modal-footer-content {
    padding: 15px 0;
}

.modal-fullscreen .modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;

    padding: 15px;
    height: 76px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .modal-fullscreen-xs-static.dvcss-modal-opened-xs {
        display: block;
        position: fixed;
        top: 0!important;
        bottom: 0;
        left: 0;
        z-index: 100004;
        height: 100%!important;
        width: 100%;
        padding: 0;
        background: #fff;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: auto;
    }

    .modal-fullscreen-xs-static .modal-dialog {
        height: 100%;
        width: auto;
        margin: 0;
    }

    .modal-fullscreen-xs-static .modal-content {
        position: static;
        min-height: 100%;
        padding-bottom: 71px;
        margin-bottom: -71px;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .modal-fullscreen-xs-static .modal-header {
        border-bottom-color: transparent;
        padding: 14px 20px 0;
    }

    .modal-fullscreen-xs-static .modal-header .modal-header-inner {
        border-bottom-color: transparent;
        padding-bottom: 9px;
    }

    .modal-fullscreen-xs-static .modal-header p {
        margin-bottom: 8px;
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .modal-fullscreen-xs-static .modal-title {
        margin-bottom: 10px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
    }

    .modal-fullscreen-xs-static .modal-body {
        padding-left: 20px;
        padding-right: 20px;
    }

    .modal-fullscreen-xs-static .modal-footer {
        border-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .modal-fullscreen-xs-static .modal-footer .dvcss-row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .modal-fullscreen-xs-static .modal-footer .dvcss-row [class^='col-'] {
        padding-left: 5px;
        padding-right: 5px;
    }

    .modal-fullscreen-xs-static .modal-footer .dvcss-row .btn-block {
        width: 100%;
    }

}


/*
|-----------------------------------------------------------------------------------------------
| Datepicker for Bootstrap v1.5.0 (https://github.com/eternicode/bootstrap-datepicker)
|-----------------------------------------------------------------------------------------------
|
| Copyright 2012 Stefan Petre
| Improvements by Andrew Rowls
|
| Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
|
*/

.datepicker {
    border-radius: 4px;
    direction: ltr;
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
    float: right;
}

.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px;
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, 0.15);
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-top: 0;
    position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid rgba(0, 0, 0, 0.15);
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff;
}

.datepicker > div {
    display: none;
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker table tr td,
.datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999999;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td.highlighted {
    color: #000000;
    background-color: #d9edf7;
    border-color: #85c5e5;
    border-radius: 0;
}

.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
    color: #000000;
    background-color: #afd9ee;
    border-color: #298fc2;
}

.datepicker table tr td.highlighted:hover {
    color: #000000;
    background-color: #afd9ee;
    border-color: #52addb;
}

.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.highlighted {
    color: #000000;
    background-color: #afd9ee;
    border-color: #52addb;
}

.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.open > .dropdown-toggle.datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.open > .dropdown-toggle.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus,
.open > .dropdown-toggle.datepicker table tr td.highlighted.focus {
    color: #000000;
    background-color: #91cbe8;
    border-color: #298fc2;
}

.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.highlighted {
    background-image: none;
}

.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
    background-color: #d9edf7;
    border-color: #85c5e5;
}

.datepicker table tr td.highlighted.focused {
    background: #afd9ee;
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
    background: #d9edf7;
    color: #999999;
}

.datepicker table tr td.today {
    color: #000000;
    background-color: #ffdb99;
    border-color: #ffb733;
}

.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
    color: #000000;
    background-color: #ffc966;
    border-color: #b37400;
}

.datepicker table tr td.today:hover {
    color: #000000;
    background-color: #ffc966;
    border-color: #f59e00;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today.active,
.open > .dropdown-toggle.datepicker table tr td.today {
    color: #000000;
    background-color: #ffc966;
    border-color: #f59e00;
}

.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.open > .dropdown-toggle.datepicker table tr td.today:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.open > .dropdown-toggle.datepicker table tr td.today:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus,
.open > .dropdown-toggle.datepicker table tr td.today.focus {
    color: #000000;
    background-color: #ffbc42;
    border-color: #b37400;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today.active,
.open > .dropdown-toggle.datepicker table tr td.today {
    background-image: none;
}

.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
    background-color: #ffdb99;
    border-color: #ffb733;
}

.datepicker table tr td.today.focused {
    background: #ffc966;
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
    background: #ffdb99;
    color: #999999;
}

.datepicker table tr td.range {
    color: #000000;
    background-color: #eeeeee;
    border-color: #bbbbbb;
    border-radius: 0;
}

.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
    color: #000000;
    background-color: #d5d5d5;
    border-color: #7c7c7c;
}

.datepicker table tr td.range:hover {
    color: #000000;
    background-color: #d5d5d5;
    border-color: #9d9d9d;
}

.datepicker table tr td.range:active,
.datepicker table tr td.range.active,
.open > .dropdown-toggle.datepicker table tr td.range {
    color: #000000;
    background-color: #d5d5d5;
    border-color: #9d9d9d;
}

.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.open > .dropdown-toggle.datepicker table tr td.range:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.open > .dropdown-toggle.datepicker table tr td.range:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus,
.open > .dropdown-toggle.datepicker table tr td.range.focus {
    color: #000000;
    background-color: #c3c3c3;
    border-color: #7c7c7c;
}

.datepicker table tr td.range:active,
.datepicker table tr td.range.active,
.open > .dropdown-toggle.datepicker table tr td.range {
    background-image: none;
}

.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
    background-color: #eeeeee;
    border-color: #bbbbbb;
}

.datepicker table tr td.range.focused {
    background: #d5d5d5;
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
    background: #eeeeee;
    color: #999999;
}

.datepicker table tr td.range.highlighted {
    color: #000000;
    background-color: #e4eef3;
    border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
    color: #000000;
    background-color: #c1d7e3;
    border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted:hover {
    color: #000000;
    background-color: #c1d7e3;
    border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted {
    color: #000000;
    background-color: #c1d7e3;
    border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted.focus {
    color: #000000;
    background-color: #a8c8d8;
    border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted {
    background-image: none;
}

.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
    background-color: #e4eef3;
    border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted.focused {
    background: #c1d7e3;
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
    background: #e4eef3;
    color: #999999;
}

.datepicker table tr td.range.today {
    color: #000000;
    background-color: #f7ca77;
    border-color: #f1a417;
}

.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
    color: #000000;
    background-color: #f4b747;
    border-color: #815608;
}

.datepicker table tr td.range.today:hover {
    color: #000000;
    background-color: #f4b747;
    border-color: #bf800c;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active,
.open > .dropdown-toggle.datepicker table tr td.range.today {
    color: #000000;
    background-color: #f4b747;
    border-color: #bf800c;
}

.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.open > .dropdown-toggle.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.open > .dropdown-toggle.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus,
.open > .dropdown-toggle.datepicker table tr td.range.today.focus {
    color: #000000;
    background-color: #f2aa25;
    border-color: #815608;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active,
.open > .dropdown-toggle.datepicker table tr td.range.today {
    background-image: none;
}

.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
    background-color: #f7ca77;
    border-color: #f1a417;
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
    background: #f7ca77;
    color: #999999;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
    color: #ffffff;
    background-color: #999999;
    border-color: #555555;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
    color: #ffffff;
    background-color: #808080;
    border-color: #161616;
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
    color: #ffffff;
    background-color: #808080;
    border-color: #373737;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.selected,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted {
    color: #ffffff;
    background-color: #808080;
    border-color: #373737;
}

.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.open > .dropdown-toggle.datepicker table tr td.selected:hover,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.open > .dropdown-toggle.datepicker table tr td.selected:focus,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus,
.open > .dropdown-toggle.datepicker table tr td.selected.focus,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted.focus {
    color: #ffffff;
    background-color: #6e6e6e;
    border-color: #161616;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.selected,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted {
    background-image: none;
}

.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
    background-color: #999999;
    border-color: #555555;
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
    color: #ffffff;
    background-color: #3071a9;
    border-color: #193c5a;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
    color: #ffffff;
    background-color: #3071a9;
    border-color: #285e8e;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted {
    color: #ffffff;
    background-color: #3071a9;
    border-color: #285e8e;
}

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus {
    color: #ffffff;
    background-color: #285e8e;
    border-color: #193c5a;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted {
    background-image: none;
}

.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
    background-color: #428bca;
    border-color: #357ebd;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}

.datepicker table tr td span:hover {
    background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
    color: #ffffff;
    background-color: #3071a9;
    border-color: #193c5a;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
    color: #ffffff;
    background-color: #3071a9;
    border-color: #285e8e;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    color: #ffffff;
    background-color: #3071a9;
    border-color: #285e8e;
}

.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active:hover:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.open > .dropdown-toggle.datepicker table tr td span.active:focus,
.open > .dropdown-toggle.datepicker table tr td span.active:hover:focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus,
.open > .dropdown-toggle.datepicker table tr td span.active.focus,
.open > .dropdown-toggle.datepicker table tr td span.active:hover.focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled.focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover.focus {
    color: #ffffff;
    background-color: #285e8e;
    border-color: #193c5a;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    background-image: none;
}

.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
    background-color: #428bca;
    border-color: #357ebd;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #999999;
}

.datepicker .datepicker-switch {
    width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
    cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    background: #eeeeee;
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

.input-daterange {
    width: 100%;
}

.input-daterange input {
    text-align: center;
}

.input-daterange input:first-child {
    border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
    border-radius: 0 3px 3px 0;
}

.input-daterange .input-group-addon {
    width: auto;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: solid #cccccc;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px;
}

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.15.35
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
    list-style: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width: 19em;
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #cccccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #cccccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month";
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px;
}

.bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: #777777;
}

.bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #eeeeee;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
    color: #777777;
}

.bootstrap-datetimepicker-widget table td.today {
    position: relative;
}

.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #337ab7;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.old {
    color: #777777;
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


/*!
 * FullCalendar v2.5.0 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2015 Adam Shaw
 */


.fc {
    direction: ltr;
    text-align: left;
}

.fc-rtl {
    text-align: right;
}

body .fc {
    /* extra precedence to overcome jqui */
    font-size: 1em;
}


/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
    border-color: #edf1f2;
}

.fc-unthemed .fc-popover {
    background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
    background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #666;
}

.fc-unthemed .fc-today {
    background: none;
    /*#fcf8e3*/
}

.fc-highlight {
    /* when user is selecting cells */
    background: #bce8f1;
    opacity: .3;
    filter: alpha(opacity=30);
    /* for IE */
}

.fc-bgevent {
    /* default look for background events */
    background: rgb(143, 223, 130);
    opacity: .3;
    filter: alpha(opacity=30);
    /* for IE */
}

.fc-nonbusiness {
    /* default look for non-business-hours areas */
    /* will inherit .fc-bgevent's styles */
    background: #d7d7d7;
}


/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    text-align: center;
    overflow: hidden;
    font-family: "Courier New", Courier, monospace;
    /* don't allow browser text-selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

/*
Acceptable font-family overrides for individual icons:
    "Arial", sans-serif
    "Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/

.fc-icon:after {
    position: relative;
    margin: 0 -1em; /* ensures character will be centered, regardless of width */
}

.fc-icon-left-single-arrow:after {
    content: "\e30d"; /*content: "\02039";*/
}

.fc-icon-right-single-arrow:after {
    content: "\e30c"; /*content: "\0203A";*/
}

.fc-icon-left-double-arrow:after {
    content: "\000AB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-right-double-arrow:after {
    content: "\000BB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%;
    left: -2%;
}

.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%;
    left: 2%;
}

.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%;
}

.fc-icon-x:after {
    content: "\000D7";
    font-size: 200%;
    top: 6%;
}


/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
    /* force height to include the border and padding */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    /* dimensions */
    margin: 0;
    height: auto;
    padding: 0;

    /* text & cursor */
    font-size: 23px; /* normalize */
    line-height: 40px;
    white-space: nowrap;
    cursor: pointer;
}

.fc button:focus {
    outline: 1px dotted #0079BC;
}

.fc button[disabled] {
    color: #A1AFC0;
    cursor: default;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner { margin: 0; padding: 0; }

.fc-state-default { /* non-theme */
    border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* icons in buttons */

.fc button .fc-icon { /* non-theme */
    display: inline-block;
    position: relative;
    top: 1px; /* seems to be a good adjustment across browsers */
    font-family: pepmdx2!important;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;

    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
    background: none;
    border: 0;
    color: #0079BC;
    text-shadow: none;
    box-shadow: none;
}

.fc-state-disabled {
    color: #333333;
    background-color: #e6e6e6;
}

/*
.fc-state-hover,
.fc-state-active,

.fc-state-hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
       -moz-transition: background-position 0.1s linear;
         -o-transition: background-position 0.1s linear;
            transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
    background-color: #cccccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
*/

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
}


/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
    display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
    .fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
    float: left;
    margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child {
    /* same */
    margin-left: 0;
}


/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.fc-popover .fc-header {
    /* TODO: be more consistent with fc-head/fc-body */
    padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
    margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
    cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
    float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
    float: right;
}

/* unthemed */

.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: .9em;
    margin-top: 2px;
}

/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0;
    /* where they meet, let the header have the border */
}


/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc-divider {
    border-style: solid;
    border-width: 1px;
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    /* height is unreliable across browsers, so use padding */
    border-width: 1px 0;
}

.fc-clear {
    clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
    /* these element should always cling to top-left/right corners */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc-bg {
    bottom: 0;
    /* strech bg to bottom edge */
}

.fc-bg table {
    height: 100%;
    /* strech bg to bottom edge */
    margin-bottom: 0;
}


/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
    /* normalize cross-browser */
    min-height: 60px;
    margin-bottom: 0;
}

.is-loading .fc table {
    border-collapse: separate;
}

.fc th {
    text-align: center;
}

.fc th,
.fc td {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
}

.fc td.fc-today {
    border-style: double;
    /* overcome neighboring borders */
}


/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row {
 /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
    /* no visible border by default. but make available if need be (scrollbar width compensation) */
    border-style: solid;
    border-width: 0;
}

.fc-row table {
    /* don't put left/right border on anything within a fake row.
       the outer tbody will worry about this */
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;

    /* no bottom borders on rows */
    border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
    border-top: 0 hidden transparent; /* no top border on first row */
}


/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
    position: relative;
}

.fc-row .fc-bg {
    z-index: 1;
}

/* highlighting cells & background event skeleton */

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
    bottom: 0; /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
    height: 100%; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
    border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
    z-index: 2;

}

.fc-row .fc-highlight-skeleton {
    z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton {
    position: static;
    z-index: auto;
    padding-bottom: 20px; /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
    z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
    /* see-through to the background below */
    background: none; /* in case <td>s are globally styled */
    border-color: transparent;

    /* don't put a border between events and/or the day number */
    border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
.fc-row .fc-helper-skeleton tbody td {
    /* don't put a border between event cells */
    border-top: 0;
}


/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
    overflow-y: scroll;
    overflow-x: hidden;
}

.fc-scroller > * { /* we expect an immediate inner element */
    position: relative; /* re-scope all positions */
    width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
    overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */
}


/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
    position: static;
    /* for resize handle and other inner positioning */
    display: block;
    /* make the <a> tag block */
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 0 solid #e6eff8;
    /* default BORDER color */
    background-color: transparent;
    /* default BACKGROUND color #e6eff8 */
    font-weight: normal;
    /* undo jqui's ui-widget-header bold */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
    color: #253b56; /* default TEXT color */
    text-decoration: none; /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
    cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed, /* causes a "warning" cursor. applied on body */
.fc-not-allowed .fc-event { /* to override an event's custom cursor */
    cursor: not-allowed;
}

.fc-event .fc-bg {
    /* the generic .fc-bg already does position */
    z-index: 1;
    background: #fff;
    opacity: .25;
    filter: alpha(opacity=25);
    /* for IE */
}

.fc-event .fc-content {
    position: static;
    z-index: auto;
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 3;
}


/* Horizontal Events
--------------------------------------------------------------------------------------------------*/

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    /* replace the border with padding */
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    /* replace the border with padding */
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* resizer */

.fc-h-event .fc-resizer {
    /* positioned it to overcome the event's borders */
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    width: 5px;
}

/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-ltr .fc-h-event .fc-start-resizer:before,
.fc-ltr .fc-h-event .fc-start-resizer:after,
.fc-rtl .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-end-resizer:before,
.fc-rtl .fc-h-event .fc-end-resizer:after {
    right: auto; /* ignore the right and only use the left */
    cursor: w-resize;
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer:after {
    left: auto; /* ignore the left and only use the right */
    cursor: e-resize;
}


/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
    border-radius: 0;
    margin: 10px 0 0;
    /* spacing between events and edges */
    padding: 0;
}

.fc-day-grid-event .fc-content {
    /* force events to be one-line tall */
    white-space: nowrap;
    overflow: hidden;
}

.fc-day-grid-event .fc-time {
    font-weight: bold;
}

.fc-day-grid-event .fc-resizer {
    /* enlarge the default hit area */
    left: -3px;
    right: -3px;
    width: 7px;
}


/* Event Limiting
--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none;
}

a.fc-more:hover {
    text-decoration: underline;
}

.fc-limited {
    /* rows and cells that are hidden because of a "more" link */
    display: none;
}

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
    z-index: 1;
    /* make the "more" popover one higher than this */
}

.fc-more-popover {
    z-index: 2;
    width: 220px;
}

.fc-more-popover .fc-event-container {
    padding: 10px;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
    text-align: center;
    margin-bottom: 10px;
}

.fc-toolbar .fc-left {
    float: left;
}

.fc-toolbar .fc-right {
    float: right;
}

.fc-toolbar .fc-center {
    display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
 /* extra precedence to override button border margins */
    float: left;
    margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
 /* extra precedence to override button border margins */
    margin-left: 0;
}

/* title text */

.fc-toolbar h2 {
    margin: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    min-width: 230px;
}

/* button layering (for border precedence) */

.fc-toolbar button {
    position: relative;
    overflow: hidden;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
    z-index: 2;
}

.fc-toolbar .fc-state-down {
    z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    z-index: 4;
}

.fc-toolbar button:focus {
    z-index: 5;
}


/* View Structure
--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.fc-view, /* scope positioning and z-index's for everything within the view */
.fc-view > table {
 /* so dragged elements can be above the view's main element */
    position: relative;
    z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
    /* we are sure there are no day numbers in these views, so... */
    padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
    padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
    overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

/* week and day number styling */

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
    padding: 0 15px 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.fc-basic-view .fc-week-number {
    text-align: center;
}

.fc-basic-view .fc-week-number span {
    /* work around the way we do column resizing and ensure a minimum width */
    display: inline-block;
    min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
    text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
    text-align: left;
}

.fc-day-number.fc-other-month {
    color: #a1afc0;
    /*
    opacity: 0.3;
    filter: alpha(opacity=30);  for IE */
    /* opacity with small font can sometimes look too faded
       might want to set the 'color' property instead
       making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2; /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em; /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
    padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
}


/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap;
}

.fc-ltr .fc-axis {
    text-align: right;
}

.fc-rtl .fc-axis {
    text-align: left;
}

.ui-widget td.fc-axis {
    font-weight: normal; /* overcome jqui theme making it bold */
}


/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container, /* so scroll container's z-index is below all-day */
    .fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
    position: relative;
    z-index: 1;
}

.fc-time-grid {
    min-height: 100%;
 /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table {
 /* don't put outer borders on slats/bg/content/etc */
    border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
    z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
    position: relative;
    z-index: 2;
}

.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc-time-grid .fc-bgevent-skeleton {
    z-index: 3;
}

.fc-time-grid .fc-highlight-skeleton {
    z-index: 4;
}

.fc-time-grid .fc-content-skeleton {
    z-index: 5;
}

.fc-time-grid .fc-helper-skeleton {
    z-index: 6;
}


/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-slats td {
    height: 1.5em;
    border-bottom: 0; /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted;
}

.fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */
    background: none; /* see through to fc-bg */
}


/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
    position: relative; /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0;
    /* top and bottom will be in by JS */
}


/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-event-container, /* a div within a cell within the fc-content-skeleton */
.fc-time-grid .fc-bgevent-container { /* a div within a cell within the fc-bgevent-skeleton */
    position: relative;
}

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
    margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
    margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
    position: absolute;
    z-index: 1; /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
    /* background events always span full width */
    left: 0;
    right: 0;
}


/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start {
 /* events that are continuing from another day */
    /* replace space made by the top border with padding */
    border-top-width: 0;
    padding-top: 1px;
    /* remove top rounded corners */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
    /* replace space made by the top border with padding */
    border-bottom-width: 0;
    padding-bottom: 1px;
    /* remove bottom rounded corners */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event {
    overflow: hidden; /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
    padding: 0 1px;
}

.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap;
}

/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
    /* don't wrap to second line (now that contents will be inline) */
    white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
    /* put the time and title on the same line */
    display: inline-block;
    vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
    display: none; /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start);
 /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
    content: "\000A0-\000A0";
 /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em; /* make the title text the same size as the time */
    padding: 0; /* undo padding from above */
}

/* resizer */

.fc-time-grid-event .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.fc-time-grid-event .fc-resizer:after {
    content: "=";
}

.fc-month-view > table > thead > tr > td.fc-widget-header {
    border: 0;
}

.fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header {
    border-bottom: 2px solid #eef2f5;
    margin-bottom: 20px;
}

.fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header table {
    border-collapse: initial;
    margin-bottom: 0;
    min-height: auto;
}

.fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header table th.fc-day-header {
    background: none;
    border: 0;

    color: #a1afc0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.fc-row .fc-bg {
    z-index: auto;
}

.fc-bg .fc-day {
    position: relative;
}

/* IE10+ */
_:-ms-lang(x), .fc-bg .fc-day {
    position: relative;
}

.fc-bg .fc-day > a.fc-day-link,
.fc-bg .fc-day > a.fc-day-link:focus,
.fc-bg .hover.fc-day > a.fc-day-link {
    display: block;
    height: 100%;
    width: 100%;
}

.fc-bg .fc-day > a.fc-day-link .fc-day-borders {
    display: none;
}

.fc-bg .fc-day a.fc-day-link:hover .fc-day-borders,
.fc-bg .fc-day a.fc-day-link:focus .fc-day-borders,
.fc-bg .hover.fc-day > a.fc-day-link .fc-day-borders {
    display: block;
}

.fc-bg .fc-day .fc-day-borders .n,
.fc-bg .fc-day .fc-day-borders .s,
.fc-bg .fc-day .fc-day-borders .w,
.fc-bg .fc-day .fc-day-borders .e {
    display: block;
    position: absolute;
    z-index: 1000;
    background: #253b56;
}

.fc-bg .fc-day .fc-day-borders .n,
.fc-bg .fc-day .fc-day-borders .s {
    height: 5px;
    width: 100%;
}

.fc-bg .fc-day .fc-day-borders .w,
.fc-bg .fc-day .fc-day-borders .e {
    height: 100%;
    width: 5px;
}

.fc-bg .fc-day .fc-day-borders .n {
    left: 0;
    top: 0;
}

.fc-bg .fc-day .fc-day-borders .s {
    left: 0;
    top: auto;
    bottom: 0;
}

.fc-bg .fc-day .fc-day-borders .w {
    left: 0;
    top: 0;
}

.fc-bg .fc-day .fc-day-borders .e {
    left: auto;
    right: 0;
    top: 0;
}

/* IE10+ */
_:-ms-lang(x), .fc-bg .hover.fc-day .fc-day-borders {
    position: relative;
    display: block;
    height: 100%;
}

.fc-bg .fc-day.fc-before-min::before,
.fc-bg .fc-day.fc-after-max::before {
    content: '';
    display: block;
    cursor: default;
    position: relative;
    top: 0;
    left: -1px;
    right: -1px;
    height: 100%;
    z-index: 3;
    background: #fff;
    opacity: .50;
    filter: alpha(opacity=50);
    border-left: 1px solid #edf1f2;
}

@-moz-document url-prefix() {
    .fc-bg .fc-day.fc-before-min::before,
    .fc-bg .fc-day.fc-after-max::before {
        position: absolute;
    }
}

/* IE10+ */
_:-ms-lang(x), .fc-bg .fc-day.fc-before-min::before {
    position: relative;
    left: auto;
    right: auto;
    margin-left: -1px;
}

/* IE10+ */
_:-ms-lang(x), .fc-bg .fc-day.fc-after-max::before {
    position: relative;
    left: auto;
    right: auto;
    margin-left: -1px;
}

.fc-bg .fc-day.fc-before-min .fc-day-borders,
.fc-bg .fc-day.fc-after-max .fc-day-borders,
.fc-bg .hover.fc-day.fc-before-min .fc-day-borders,
.fc-bg .hover.fc-day.fc-after-max .fc-day-borders {
    display: none!important;
}

.fc-bg .fc-day::after {
    content: '';
    pointer-events: none;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    z-index: 1;
    background: #fbffff;
    width: 1px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

/* Firefox */
@-moz-document url-prefix() {
    .fc-bg .fc-day::after {
        left: -1px;
    }
}

/* IE10+ */
_:-ms-lang(x), .fc-bg .fc-day::after {
    position: relative;
}

/*
|-----------------------------------------------------------------------------------------------
| Slick Carousel
|-----------------------------------------------------------------------------------------------
|
*/

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/*
|-----------------------------------------------------------------------------------------------
| Slick Theme
|-----------------------------------------------------------------------------------------------
|
*/

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '�';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '�';
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/*
|-----------------------------------------------------------------------------------------------
| Daypicker Carousel
|-----------------------------------------------------------------------------------------------
|
| @dependencies
| - jquery
| - moment
| - slick-carousel
|
*/

.daypicker-carousel .daypicker-carousel-header {
    position: relative;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
}

.daypicker-carousel .daypicker-carousel-header strong {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.daypicker-carousel .daypicker-carousel-toggle {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    padding: 0;
    color: #253b56;
    font-size: 21px;
    vertical-align: bottom;
}

.daypicker-carousel .daypicker-carousel-body {
    margin-top: 23px;
    margin-bottom: 38px;
}

.daypicker-carousel .daypicker-carousel-body.slick-slider .slick-list {
    padding-left: 0!important;
    padding-right: 0!important;
}

.daypicker-carousel .daypicker-carousel-item {
    text-align: center;
}

.daypicker-carousel .daypicker-carousel-item-day-name {
    color: #253b56;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}

.daypicker-carousel .daypicker-carousel-item-day-month {
    display: inline-block;
    margin-top: 4px;
    margin-right: -3px;
    height: 60px;
    width: 60px;
    border-radius: 800em;
    color: #0079BC;
    cursor: pointer;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
}

.daypicker-carousel .daypicker-carousel-item-day-month > div {
    padding-top: 12px;
}

.daypicker-carousel .daypicker-carousel-item-day-month::after {
    content: "";
}

.daypicker-carousel .active .daypicker-carousel-item-day-month {
    background-color: #253b56;
    color: #fff;
}


/*
|-----------------------------------------------------------------------------------------------
| Datepicker Carousel
|-----------------------------------------------------------------------------------------------
|
| @dependencies
| - jquery
| - moment
| - jquery ui datepicker
| - slick-carousel
|
*/

.datepicker-carousel .datepicker-carousel-header {
    position: relative;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 2px;
}

.datepicker-carousel .datepicker-carousel-header strong {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.datepicker-carousel .datepicker-carousel-toggle {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    padding: 0;
    color: #253b56;
    font-size: 21px;
    vertical-align: bottom;
}

.datepicker-carousel .datepicker-carousel-body.slick-slider .slick-list {
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.datepicker-carousel .datepicker-carousel-item-date {
    padding: 5px 7px;
}

.datepicker-carousel .datepicker-carousel-calendar.hasDatepicker .ui-datepicker {
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    padding-top: 6px;
    padding-bottom: 12px;
    width: auto;

    box-shadow: none;
    -webkit-box-shadow: none;
}

.datepicker-carousel .datepicker-carousel-calendar.hasDatepicker .ui-datepicker .ui-datepicker-header {
    display: none;
}

.datepicker-carousel .datepicker-carousel-calendar.hasDatepicker .ui-datepicker .ui-datepicker-prev,
.datepicker-carousel .datepicker-carousel-calendar.hasDatepicker .ui-datepicker .ui-datepicker-next {
    display: none;
}

.datepicker-carousel .datepicker-carousel-calendar.hasDatepicker .ui-datepicker .ui-datepicker-calendar {
    border-bottom: 0;
    padding-bottom: 0;
}

.datepicker-carousel .datepicker-carousel-calendar.hasDatepicker .ui-datepicker .ui-datepicker-calendar tr th {
    color: #c3cdd7;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    padding-bottom: 8px;
}

.datepicker-carousel .datepicker-carousel-calendar.hasDatepicker .ui-datepicker .ui-datepicker-calendar tr td {
    width: auto;
}

.datepicker-carousel .datepicker-carousel-calendar.hasDatepicker .ui-datepicker .ui-datepicker-calendar tbody > tr:first-child > td {
    padding-top: 13px;
}

.datepicker-carousel .datepicker-carousel-calendar.hasDatepicker .ui-datepicker .ui-datepicker-calendar tr td .ui-state-default,
.datepicker-carousel .datepicker-carousel-calendar.hasDatepicker .ui-datepicker .ui-datepicker-calendar tr td a {
    height: 35px;
    width: 35px;

    border-radius: 800em;
    color: #1994d7;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
}

.datepicker-carousel .datepicker-carousel-calendar.hasDatepicker .ui-datepicker .ui-datepicker-calendar tr td a.ui-state-active {
    background: #253b56;
    color: #fff;
}

.datepicker-carousel .datepicker-carousel-calendar.hasDatepicker .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable,
.datepicker-carousel .datepicker-carousel-calendar.hasDatepicker .ui-datepicker .ui-datepicker-calendar .ui-state-disabled,
.datepicker-carousel .datepicker-carousel-calendar.hasDatepicker .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable>.ui-state-default,
.datepicker-carousel .datepicker-carousel-calendar.hasDatepicker .ui-datepicker .ui-datepicker-calendar .ui-state-disabled>.ui-state-default {
    color: #90bdd5;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}


/*
|-----------------------------------------------------------------------------------------------
| Event Box Items
|-----------------------------------------------------------------------------------------------
*/

.fc-view-container .event-box,
.fc-view-container .event-box * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.event-box > .event-box-body {
    position: relative;
    display: block;
    height: 110px;
    color: #253b56;
    background-color: #e6eff8; /*#e6eff8;*/
    border: 5px solid transparent;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    padding: 3px 5px 11px;
    text-decoration: none;
}

.event-box > a.event-box-body:hover,
.event-box > a.event-box-body:focus {
    border-color: #253b56;
}

.event-box > .event-box-body > .event-box-mask {
    position: absolute;
    z-index: 2;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    background: transparent;
    border: 5px solid transparent;
}

.event-box > .event-box-body > .event-box-mask.hover,
.event-box > .event-box-body > .event-box-mask:hover,
.event-box > .event-box-body > .event-box-mask:focus {
    border-color: #253b56;
}

.event-box > .event-box-body > .event-box-mask*:focus {
    border: none;
}

.event-box > .event-box-body > .event-box-mask.hover,
.event-box > .event-box-body > .event-box-mask*:hover {
    border: 5px solid transparent;
    border-color: #253b56;
}


/* Background & Border */

.event-box > .event-box-body > .event-box-bounds {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.event-box > .event-box-body > .event-box-bounds > table {
    table-layout: fixed;
    height: 100%;
    width: 100%;
    margin: 0;
    min-height: 0;
}

.event-box > .event-box-body > .event-box-bounds > table td {
    position: relative;
}

.event-box > .event-box-body > .event-box-bounds .event-box-bounds-mask {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    border: 5px solid transparent;
}

.event-box > .event-box-body > .event-box-bounds .event-box-bounds-borders {
    display: block;
    position: static;
    height: 100%;
}

.event-box-group .event-box.event-box-block > .event-box-body > .event-box-bounds.hover .event-box-bounds-mask + .event-box-bounds-borders *,
.event-box-group .event-box.event-box-block > .event-box-body > .event-box-bounds:hover .event-box-bounds-mask + .event-box-bounds-borders * {
    position: absolute;
    z-index: 3;
    background: #253b56;
}

.event-box-group .event-box.event-box-block > .event-box-body > .event-box-bounds.hover .event-box-bounds-mask + .event-box-bounds-borders .n,
.event-box-group .event-box.event-box-block > .event-box-body > .event-box-bounds:hover .event-box-bounds-mask + .event-box-bounds-borders .n,
.event-box-group .event-box.event-box-block > .event-box-body > .event-box-bounds .event-box-bounds-mask:focus + .event-box-bounds-borders .n {
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    width: auto;
}

.event-box-group .event-box.event-box-block > .event-box-body > .event-box-bounds.hover .event-box-bounds-mask + .event-box-bounds-borders .s,
.event-box-group .event-box.event-box-block > .event-box-body > .event-box-bounds:hover .event-box-bounds-mask + .event-box-bounds-borders .s,
.event-box-group .event-box.event-box-block > .event-box-body > .event-box-bounds .event-box-bounds-mask:focus + .event-box-bounds-borders .s {
    bottom: 0;
    left: 0;
    right: 0;
    height: 5px;
    width:  auto;
}

.event-box-group .event-box.event-box-block > .event-box-body > .event-box-bounds.hover .event-box-bounds-mask + .event-box-bounds-borders .w,
.event-box-group .event-box.event-box-block > .event-box-body > .event-box-bounds:hover .event-box-bounds-mask + .event-box-bounds-borders .w,
.event-box-group .event-box.event-box-block > .event-box-body > .event-box-bounds .event-box-bounds-mask:focus + .event-box-bounds-borders .w {
    top: 0;
    left: 0;
    height: 100%;
    width: 5px;
}

.event-box-group .event-box.event-box-block > .event-box-body > .event-box-bounds.hover .event-box-bounds-mask + .event-box-bounds-borders .e,
.event-box-group .event-box.event-box-block > .event-box-body > .event-box-bounds:hover .event-box-bounds-mask + .event-box-bounds-borders .e,
.event-box-group .event-box.event-box-block > .event-box-body > .event-box-bounds .event-box-bounds-mask:focus + .event-box-bounds-borders .e {
    top: 0;
    right: 0;
    height: 100%;
    width: 5px;
}

/* Labels & Description */

.event-box > .event-box-body > .event-box-labels {
    margin-left: -10px;
    margin-right: -10px;
}

.event-box > .event-box-body > .event-box-labels .event-box-labels-inner {
    padding: 0 5px;
}

.event-box > .event-box-body > .event-box-labels > table {
    table-layout: fixed;
    height: 100%;
    width: 100%;
    margin: 0;
    min-height: 0;
}

.event-box > .event-box-body > .event-box-labels > table td {
    padding: 5px;
}

.event-box .event-box-title {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    white-space: normal;
}

.event-box .event-box-title.lead {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    white-space: normal;
    margin-top: -4px;
    margin-bottom: 0;
}

.event-box .event-box-title .media > .media-left {
    margin-right: 6px;
}

.event-box .event-box-title .media > .media-body {
    text-overflow: ellipsis;
}

.event-box .event-box-title-wrapper {
    display: block;
    max-height: 28px;
    overflow: hidden;
}

.event-box .event-box-title-lead-wrapper {
    display: block;
    max-height: 46px;
    overflow: hidden;
}

/* Firefox */
@-moz-document url-prefix() {

    .event-box .event-box-title .ellip-line {
        padding-bottom: 1px;
    }

    .event-box .event-box-title-wrapper {
        max-height: 29px;
    }

}

.event-box .event-box-title .peptasia {
    font-size: 24px;
}

.event-box .event-box-time {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
}

.event-box .event-box-location {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
}

.event-box .event-box-location.lead {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
}

.event-box .event-box-legend {
    position: absolute;
    bottom: 2px;
    left: 4px;
}

.event-box .event-box-legend .peptasia {
    font-size: 10px;
    line-height: 14px;
}


/***** Grid *****/

.event-box .event-box-grid {
    margin: -3px -10px 13px;
}

/***** Block Element *****/

.event-box.event-box-block > .event-box-body {
    border: 0;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    height: auto;
    padding: 1px 10px 2px;
}

.event-box.event-box-block > a.event-box-body:hover,
.event-box.event-box-block > a.event-box-body:focus {
    border-color: #253b56;
}

.event-box.event-box-block .event-box-legend {
    display: inline;
    position: relative;
    top: -1px;
    bottom: auto;
    left: auto;
}

/***** Grouped *****/

.event-box-group > table {
    min-height: 0;
}

.event-box-group .event-box.event-box-block > .event-box-body > .event-box-mask:hover,
.event-box-group .event-box.event-box-block > .event-box-body > .event-box-mask:focus {
    border-color: transparent;
}

.event-box-group .event-box.event-box-block > .event-box-body > .event-box-mask:hover + .event-box-borders *,
.event-box-group .event-box.event-box-block > .event-box-body > .event-box-mask:focus + .event-box-borders * {
    position: absolute;
    z-index: 1;
    background-color: #253b56;
}

.event-box-group .event-box.event-box-block > .event-box-body > .event-box-mask:hover + .event-box-borders .n,
.event-box-group .event-box.event-box-block > .event-box-body > .event-box-mask:focus + .event-box-borders .n {
    top: -5px;
    bottom: auto;
    left: -5px;
    right: -5px;
    height: 5px;
}

.event-box-group .event-box.event-box-block > .event-box-body > .event-box-mask:hover + .event-box-borders .s,
.event-box-group .event-box.event-box-block > .event-box-body > .event-box-mask:focus + .event-box-borders .s {
    top: auto;
    bottom: -5px;
    left: -5px;
    right: -5px;
    height: 5px;
}

.event-box-group .event-box.event-box-block > .event-box-body > .event-box-mask:hover + .event-box-borders .w,
.event-box-group .event-box.event-box-block > .event-box-body > .event-box-mask:focus + .event-box-borders .w {
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: auto;
    height: auto;
    width: 5px;
}

.event-box-group .event-box.event-box-block > .event-box-body > .event-box-mask:hover + .event-box-borders .e,
.event-box-group .event-box.event-box-block > .event-box-body > .event-box-mask:focus + .event-box-borders .e {
    top: -5px;
    bottom: -5px;
    left: auto;
    right: -5px;
    height: auto;
    width: 5px;
}

.event-box-group.event-box-group-multiday {
    height: 110px;
}

.event-box-group.event-box-group-multiday .table-layout-fixed tbody tr td .event-box.event-box-block .event-box-body {
    height: 110px;
}


/*** Sub-events ***/

.event-box-group .event-box-grid > table {
    border-collapse: separate;
    min-height: auto;
}

.event-box-group .event-box-grid > table > tbody > tr > td {
    border: 0 solid transparent;
}

.event-box-group .event-box-grid > table > tbody > tr > td > .event-box {
    height: 82px;
}

.event-box-group .event-box-grid > table > tbody > tr > td:hover,
.event-box-group .event-box-grid > table > tbody > tr > td:focus,
.event-box-group .event-box-grid > table > tbody > tr > td.focused {
    border-color: #253b56;
}

.event-box-group .event-box-grid .event-box > .event-box-body {
    height: 100%;
}

/***** Contextual Alternatives *****/

.event-box.event-info > .event-box-body {
    background-color: #a6d4ee;
}

.event-box.event-box-muted-striped > .event-box-body {
    background-color: #dce7f3;
    background-image: -webkit-linear-gradient(135deg,rgba(255,255,255,1.15) 25%,transparent 25%,transparent 55%,rgba(255,255,255,1.15) 55%,rgba(255,255,255,1.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(135deg,rgba(255,255,255,1.15) 25%,transparent 25%,transparent 55%,rgba(255,255,255,1.15) 55%,rgba(255,255,255,1.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(135deg,rgba(255,255,255,1.15) 25%,transparent 25%,transparent 55%,rgba(255,255,255,1.15) 55%,rgba(255,255,255,1.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
}


/***** Override friendly print *****/

#friendly-print-template .event-box > .event-box-body > .event-box-mask:hover,
#friendly-print-template .event-box > .event-box-body > .event-box-mask:focus,
#friendly-print-template .event-box > .event-box-body,
#friendly-print-template .event-box > a.event-box-body:hover,
#friendly-print-template .event-box > a.event-box-body:focus {
    border-color: transparent;
}

#friendly-print-template .event-box-group .event-box-grid > table > tbody > tr > td:hover,
#friendly-print-template .event-box-group .event-box-grid > table > tbody > tr > td:focus {
    border-color: transparent;
}

#friendly-print-template .event-box-group .event-box.event-box-block > .event-box-body > .event-box-mask:hover + .event-box-borders *,
#friendly-print-template .event-box-group .event-box.event-box-block > .event-box-body > .event-box-mask:focus + .event-box-borders * {
    background-color: transparent;
}

#friendly-print-template .event-box-group .event-box.event-box-block > .event-box-body > .event-box-bounds .event-box-bounds-mask:focus + .event-box-bounds-borders *,
#friendly-print-template .event-box-group .event-box.event-box-block > .event-box-body > .event-box-bounds.hover .event-box-bounds-mask + .event-box-bounds-borders *,
#friendly-print-template .event-box-group .event-box.event-box-block > .event-box-body > .event-box-bounds:hover .event-box-bounds-mask + .event-box-bounds-borders * {
    display: none;
}

/**
 * Swiper 3.4.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: October 16, 2016
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 90px;
  font-size: 80px;
  font-weight: bold;
  line-height: 87px;
  border-radius: 6px;
  background: #000;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden; 
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 70px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.01s 0.49s linear both;
  -moz-animation: asd 0.01s 0.49s linear both;
  animation: asd 0.01s 0.49s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

/**************************************************
 * Members Screen - members-screen.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rversoza $
 * $Revision: #5 $
 * $Change: 1650791 $
 * $Date: 2017/03/16 $
 **************************************************/
/**
 * Global Styles
 */
@font-face {
    font-family: "Avenir";
    src: url("font/avenir35light.eot?iefix");
    src: local('Avenir 35 Light'), local('avenir35light'),
        url("font/1a6f112b4fc114dd745b05ddd253e440-avenir35light.woff")
        format("woff"),
        url("font/f1fd4187e044801d14877c153b1535af-avenir35light.ttf")
        format("truetype");
    font-style: normal;
    font-weight: lighter;
}

@font-face {
    font-family: "Avenir";
    src: url("font/avenir35oblique.eot?iefix");
    src: local('Avenir 35 Oblique'), local('avenir35oblique'),
        url("font/343a09007227fb5676de6f4f90ba96ee-avenir35oblique.woff")
        format("woff"),
        url("font/49ac17ae50b43073597470c3feb4e355-avenir35oblique.ttf")
        format("truetype");
    font-style: italic;
    font-weight: 200;
}

@font-face {
    font-family: "Avenir";
    src: url("font/avenir55roman.eot?iefix");
    src: local('Avenir 55 Roman'), local('avenir55roman'),
        url("font/3bc6498b548bc2f3ca2d03dcf799e0ce-avenir55roman.woff")
        format("woff"),
        url("font/ea7cf1ce738d2c3f6b54a0c45a865a46-avenir55roman.ttf")
        format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Avenir";
    src: url("font/avenir55romanoblique.eot?iefix");
    src: local('Avenir 55 Roman Oblique'), local('avenir55romanoblique'),
        url("font/fa39ec41fead9a135ad54de3c74053ae-avenir55romanoblique.woff")
        format("woff"),
        url("font/bc50f6bb27dc837aebb341c11d7725fe-avenir55romanoblique.ttf")
        format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Avenir";
    src: url("font/avenir85heavy.eot?iefix");
    src: local('Avenir 85 Heavy'), local('avenir85heavy'),
        url("font/1b137251e4ff39c8d7fcc8bc5011f048-avenir85heavy.woff")
        format("woff"),
        url("font/8e22b9f486252570786342c5973a6c8f-avenir85heavy.ttf")
        format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Avenir";
    src: url("font/avenir85heavyoblique.eot?iefix");
    src: local('Avenir 85 Heavy Oblique'), local('avenir85heavyoblique'),
        url("font/a91ff00212df1d3ad5487628f0d3d45e-avenir85heavyoblique.woff")
        format("woff"),
        url("font/e5ad1c3f05fb5e5c4f19a50385478f47-avenir85heavyoblique.ttf")
        format("truetype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Avenir";
    src: url("font/avenir95black.eot?iefix");
    src: local('Avenir 95 Black'), local('avenir95black'),
        url("font/edf17b4d1d69c62f4afb58ba90150b3a-avenir95black.woff")
        format("woff"),;
    font-style: normal;
    font-weight: 900;
}

@font-face {
    font-family: "Avenir";
    src: url("font/avenir95blackoblique.eot?iefix");
    src: local('Avenir 95 Black Oblique'), local('avenir95blackoblique'),
        url("font/38f16406388d9c81a8d3649073dc5708-avenir95blackoblique.woff")
        format("woff");
    font-style: italic;
    font-weight: 900;
}

@font-face {
    font-family: "Avenir-light";
    src: url("font/avenir35light.eot?iefix");
    src: local('Avenir 35 Light'), local('avenir35light'),
        url("font/1a6f112b4fc114dd745b05ddd253e440-avenir35light.woff")
        format("woff"),
        url("font/f1fd4187e044801d14877c153b1535af-avenir35light.ttf")
        format("truetype");
    font-style: normal;
    font-weight: lighter;
}

@font-face {
    font-family: "Avenir-heavy";
    src: url("font/avenir85heavy.eot?iefix");
    src: local('Avenir 85 Heavy'), local('avenir85heavy'),
        url("font/1b137251e4ff39c8d7fcc8bc5011f048-avenir85heavy.woff")
        format("woff"),
        url("font/8e22b9f486252570786342c5973a6c8f-avenir85heavy.ttf")
        format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Avenir-roman";
    src: url("font/avenir55roman.eot?iefix");
    src: local('Avenir 55 Roman'), local('avenir55roman'),
        url("font/3bc6498b548bc2f3ca2d03dcf799e0ce-avenir55roman.woff")
        format("woff"),
        url("font/ea7cf1ce738d2c3f6b54a0c45a865a46-avenir55roman.ttf")
        format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "pepmdx2";
    font-style: normal;
    font-weight: normal;
    src:
        url("font/1c9198a6a4277f75809d09e07fb020bf-pep_icon_font-webfont.eot");
    src:
        url("font/4f25b9c652531dce661e679b2a8648a0-pep_icon_font-webfont.eot?#iefix")
        format("embedded-opentype"),
        url("font/7510852105f81b39c2b8c6ca04ede439-pep_icon_font-webfont.woff")
        format("woff"),
        url("font/f782c12c521507a41ca4bf49479de5f6-pep_icon_font-webfont.ttf")
        format("truetype"),
        url("font/e7bf8db9c42a311ebea9cec646848ff1-pep_icon_font-webfont.svg#pepmedia")
        format("svg");
}

body {
    font-family: Avenir, Helvetica, Arial, sans-serif !important; /* WL */
    color: #00233C;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
    color: #00233C;
}

.icons-1 {
    background-image:
        url('/media/dvc/pep_01/image-sprites/38b246a7c3dd732c59aadb6d19fa0649-sprite-noRepeat-icons.png');
}

.icons-2 {
    background-image:
        url('/media/dvc/pep_01/image-sprites/2e6b8312e0f877256dbe2689bfa87894-sprite-noRepeat-icons2.png');
}

.icons-interactive {
    background-image:
        url('/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png');
}

.uiPlus {
    color: #00233C;
}

li.nested-ul {
    list-style-type: none;
}

#members_header {
    background-color: white;
    height: 36px;
    width: 100%;
}

.lfloat {
    float: left;
}

.rfloat {
    float: right;
}

.login #content {
    margin: 0 auto;
    padding: 0;
}

#members_header_content {
    max-width: 930px;
    background: transparent url('../images/msi-sprites.png') no-repeat
        scroll 0px -35px;
    margin: 0 auto !important;
    height: 100%;
}

#member_header_link_to_home {
    display: none;
}

.no_navigation_header #member_header_link_to_home {
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    width: 160px;
    height: 33px;
    background-color: transparent;
}

#header_error {
    margin-left: 150px;
    padding-top: 12px;
    font-size: 1.2em;
    color: #ff6633;
    background: transparent url('../images/msi-sprites.png') no-repeat
        scroll 0px -70px;
    padding-left: 40px;
}

.error_icon {
    background: transparent url('../images/msi-sprites.png') no-repeat
        scroll -10px -80px;
    display: inline-block;
    height: 40px;
    width: 25px;
}

.error_message, .success_message {
    display: inline-block;
    max-width: 500px;
    color: #ff6633;
}

.success_message {
    color: #1994D7;
}

.success_icon {
    background: transparent url('../images/msi-sprites.png') no-repeat
        scroll -10px -80px;
    display: inline-block;
    height: 40px;
    width: 25px;
}

#login {
    background: url('../images/Aulani-bg.png') center top no-repeat;
}

#login_header_error, #login_header_Success {
    color: #ff6633;
    max-width: 540px;
}

#login_header_error .error_icon {
    vertical-align: top;
}

.green_button_pe {
    min-width: 90px;
    height: 25px;
    background: #739d37;
    font-weight: bold;
    color: white;
    border: 1px solid #000;
}

.white_button_pe {
    min-width: 90px;
    height: 25px;
    background: #fff;
    color: #000;
    font-weight: bold;
    border: none;
    border: 1px solid #000;
}

.blue_button_pe {
    min-width: 90px;
    height: 25px;
    background: #1994d7;
    color: white;
    font-weight: bold;
    border: none;
    border: 1px solid #000;
}

.textfield_rounded_corners {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

a.green_button span {
    background: transparent url('../images/button-left.png') no-repeat
        scroll 0px 0px;
    display: block;
    line-height: 21px;
    padding: 4px 0 9px 11px;
    text-align: center;
    color: #fff;
}

a.green_button {
    background: transparent url('../images/button-right.png') no-repeat
        scroll top right;
    display: block;
    height: 34px;
    margin-right: 6px;
    padding-right: 14px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

a.blue_button {
    background: transparent url('../images/button-right.png') no-repeat
        scroll right -49px;
    display: block;
    height: 34px;
    margin-right: 6px;
    padding-right: 14px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

a.blue_button span {
    background: transparent url('../images/button-left.png') no-repeat
        scroll 0px -49px;
    display: block;
    line-height: 21px;
    padding: 4px 0 9px 11px;
    text-align: center;
    color: #fff;
}

a.white_button span {
    background: transparent url('../images/button-left.png') no-repeat
        scroll 0px -97px;
    display: block;
    line-height: 21px;
    padding: 4px 0 9px 11px;
    text-align: center;
    color: #fff;
}

a.white_button {
    background: transparent url('../images/button-right.png') no-repeat
        scroll right -97px;
    display: block;
    height: 34px;
    margin-right: 6px;
    padding-right: 14px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.green_checkbox_unchecked {
    background: transparent url('../images/msi-sprites.png') no-repeat
        scroll -7px -725px;
    display: inline-block;
    height: 26px;
    width: 26px;
    vertical-align: -7px;
    background-color: transparent;
}

.green_checkbox_checked {
    left: 30px;
    height: 22px;
    width: 25px;
    background: transparent url('../images/msi-sprites.png') no-repeat
        scroll -31px -725px;
    float: left;
    margin-top: 17px;
}

img.questionmark_button {
    background: transparent url('../images/msi-sprites.png') no-repeat
        scroll 7px -725px;
}

/**
 * Login Styles
 */
#chrome_dol {
    background-color: #868686;
}

#login {
    height: 900px;
    width: 100%;
    min-width: 1000px;
}

.uiToolTipContent {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    position: relative;
    background-color: #ffffff;
    color: #253B56;
    line-height: 16px;
    padding: 20px;
}

.uiToolTipContent p {
    font-size: 12px !important;
}

#login_form_wrap, #retrieve_username_form_wrap,
    #retrieve_password_form_wrap, .ja-login {
    width: 1000px;
    background: transparent url('/media/dvc/members-msi/images/glass-repeat.png') repeat-y
        scroll 5px 0px;
    margin: 0px auto;
    padding: 20px;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

#glass-close {
    background: transparent url('/media/dvc/members-msi/images/glass-bottom.png') no-repeat
        scroll;
    background-position: 5px -91px !important; /* WL */
    padding: 0px 20px 2px;
    margin: 0px auto;
    width: 1000px;
}

.glass-close-notched {
    background: transparent url('/media/dvc/members-msi/images/glass-bottom-notched.png')
        no-repeat scroll 15px -91px !important;
}

#login_retrieve_username_password_links {
    float: left;
    margin-top: -19px;
    padding-left: 190px;
    padding-top: 0;
    width: 750px;
    position: relative;
}

#login_retrieve_username_password_links a#retrieve_password_link {
    padding-left: 60px;
}

.uiPlus .formInputElement {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.login_form_element {
    padding-left: 14px;
    height: 100%;
    display: inline-block;
}

#login_remember_me_wrapper {
    vertical-align: 12px;
    padding-left: 5px;
}

#login_remember_me {
    width: 15px;
    height: 15px;
}

.login_vertical {
    display: block;
    margin-top: 0px;
}

#login_username, #login_password {
    width: 219px;
    margin-top: 2px;
}

#login-locked-out-wrapper {
    width: 550px;
}


.locked-out-retrieval-list {
    padding-left: 40px;
    clear: both;
}

#locked-out-header-error {
    margin-bottom: -10px;
    font-size: 1.2em;
    color: #F63;
    width: 550px;
}

#locked-out-header-error .error_icon {
    margin-top: 0px;
    margin-right: 10px;
    position: relative;
    display: block;
    float: left;
}

#locked-out-header-error  div.error_message {
    line-height: 18px;
}

.supress_inline_error>div>span.inlineErrors {
    display: none;
}

.login_form_element>.textInputWrap {
    padding-bottom: 0px;
    padding-top: 0px;
}

#login_username_wrapper, #login_password_wrapper {
    width: 170px;
}

#login_username_wrapper {
    position: relative;
}

#login_username_wrapper>div, #login_password_wrapper>div {
    margin-bottom: 0px;
}

#login_username_wrapper>a, #login_password_wrapper>a {
    padding-left: 5px;
    vertical-align: top;
}

#login_username_wrapper span.uiToolTip {
    position: absolute;
    top: -5px;
    right: 5px;
}

#login_form_wrap .jsvfElement .inlineErrors li {
    display: none;
}

li#retrieve_password_birth_month-validationError, li#retrieve_password_birth_day-validationError,
    li#retrieve_password_birth_year-validationError, div#retrieve_password_birth_monthid-base span.inlineErrors,
    div#retrieve_password_birth_dayid-base span.inlineErrors, div#retrieve_password_birth_yearid-base span.inlineErrors,
    div#retrieve_password_usernameid-base span.inlineErrors, div#retrieve_password_lastnameid-base span.inlineErrors,
    li#retrieve_password_username-validationError, li#retrieve_password_lastname-validationError #namePrefixid-base span.inlineErrors,
    .inlineErrors {
    display: none;
}

#login_submit_wrapper {
    vertical-align: 12px;
    width: 105px;
}

#login_submit_nonimage {
    width: 60%;
    height: 25px;
    background-color: #739D37;
    text-align: center;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

#login_question_header {
    font-weight: bold;
    font-size: 1.25em;
    display: block;
}

#login_question_content, #login_username_label, #login_password_label,
    #login_remember_me_label {
    font-size: .9em;
    width: 100%;
    display: block;
    height: 30px;
    background-size: auto;
}

#account_question_header {
    font-size: 1em;
    font-weight: bold;
    display: block;
    margin-left: 15px;
}

.account_question_content {
    width: 100%;
    display: block;
    height: 30px;
    background-size: auto;
    margin-left: 15px;
}

.login_error input {
    border: 1px orange;
}

#login_form_wrap a {
    text-decoration: none;
    color: #1994d7;
}

.uiPlus .invalidInput .selectBox.standardFormElement .select-toggle {
    box-shadow: 0 1px 4px 0 #FF4605;
}

/*
Removed because it was kaking up select boxes
form.reg_form div {
    margin-top:10px;
}
*/
#question_helper {
    background: transparent url('../images/msi-sprites.png') no-repeat
        scroll -7px -1017px;
    width: 19px;
    height: 19px;
    margin: 5px 0 -5px 5px;
    padding: 0px;
    float: right;
}


#phone_image {
    background: transparent url('../images/msi-sprites.png') no-repeat
        scroll -10px -880px;
    width: 12px;
    padding: 0px;
    float: left;
    margin-right: 2px;
}

.signin_block_align {
    float: left;
    margin-top: 10px;
}

.header_color, #login_username_label, #login_password_label,
    #login_remember_me_label {
    color: #223555;
}

.float_left {
    float: left;
}

/*Subflow*/
.subflow_body {
    background: #1994d7 url('../images/bg.jpg') repeat-x;
    height: 100%;
}

#subflow_wrapper {
    background-color: white;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    margin-top: 22px;
    margin-bottom: 50px;
    min-height: 1000px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

#subflow_content h2 {
    font-family: Avenir-light, Avenir;
    margin-bottom: 14px;
}

#subflow_content h3 {
    padding-top: 24px;
    font-weight: bold;
    font-size: 18px;
    font-family: Avenir-heavy;
}

#subflow_content p {
    font-size: 14px !important;
    margin-bottom: 14px;
}

#subflow_content h3.err-msg {
    display: inline-block;
}

#subflow_content label {
    font-family: Avenir-heavy;
    font-size: 13px !important;
}

#subflow_footer {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background: #eee;
    width: 100%;
    margin: 0;
    padding: 5px;
}

.single_body_wrap {
    background: #1994D7 url('../images/bg.jpg') repeat-x;
    padding: 0px !important;
    padding-top: 10px !important;
    width: 100%;
    clear: both;
}

.rounded_wrap {
    background-color: white;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 100px;
    width: 940px; /* Width + Padding * 2 = 960 */
}

.promotionalBanner {
    padding: 5px 0 0;
    text-align: center;
}

#dvicContainerWidget {
    margin: -20px auto 40px;
}

.promotionalBanner img {
    background-color: #fff;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
}

.media_window {
    background: gray;
    text-align: center;
}

.modal_clear {
    height: 20px;
    width: 100%;
}

/*Keep hidden at bottom. It should override everything*/
.hidden {
    display: none;
}

.left_divider {
    background: transparent url('../images/msi-sprites.png') no-repeat
        scroll 0px -1170px;
    margin-left: 10px;
}

#questions_helper {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
    min-width: 960px
}

/* Style overrides - override styles defined by Javascript */
#gde_chromeExploreButtons {
    border-bottom: 1px solid #ACACAC;
    margin-bottom: 0px;
}

#gde_chromePlayButtons {
    margin-bottom: 0px;
}

#gde_chromeSearchContainer {
    padding-top: 10px;
    margin: 0px;
    width: 179px;
}

#gde_chromeSearchButton {
    margin-top: 7px !important;
    margin-left: 10px !important;
}

#retrieve_username_link, #retrieve_password_link {
    font-size: .9em;
}

#login_remember_me_label {
    display: inline !important;
}

.hideDefaultFormControl {
    display: none !important;
}

/* End of Search button style override*/
/* Retrieve Password,Username page style overrides */
#retrieve_password_username, #retrieve_password_lastname {
    width: 150px;
    margin-top: 2px;
}

.birth_date {
    font-weight: bold;
    font-size: .9em;
}

/*label {
    font-size: .9em;
}*/

.retrieve_password {
    padding-left: 0px;
}

.retrieve-username {
    vertical-align: top;
}

.select-toggle>span.select-value {
    top: -2px;
    color: #A9B1BB;
    font-weight: bold;
    font-style: italic;
    padding-right: 13px;
    vertical-align: top;
}

#dateOfBirthMonth_wrap .select-toggle {
    top: 2px;
}

#retrieve_password_birth_month, #retrieve_password_birth_day,
    #retrieve_password_birth_year {
    margin: 0px;
}

.retrieve-password-cancel-btn, .retrieve-username-submit-btn,

    .retrieve-password-submit-btn {
    padding-top: 8px;
    padding-left: 0;
    margin: 0;
    position: relative;
    top: -9px;
}

.retrieve-username-cancel-btn {
    width: 110px;
    padding-left: 15px;
    margin: 0px;
    position: relative;
    top: 2px;
}

.retrieve-password-birth-day-select,
    .retrieve-password-birth-year-select, .retrieve-username-submit-btn {
    padding-left: 10px;
}

form#members_retrieve_username .retrieve-username-submit-btn {
    vertical-align: -11px;
    padding-left: 0px;
}

.richSelectArrowIcon {
    right: 15px !important;
    top: 7px !important;
}

.err-msg {
    color: #FD6E3E;
    display: visible;
}

.retrieve_password_div {
    width: 960px !important;
}

#retrieve_password_submit {
    margin-right: 0px;
    padding-left: 0px;
}

#retrieve_password_form_wrap .span-5 {
    margin-right: 0px !important;
}

.borderradius .uiPlus .pillBase {
    padding: 0px 6px;
    font-style: normal;
}

.custom_width {
    width: 550px !important;
}

.retrieve-password-submit-btn {
    margin-left: 6px;
}

.retrieve-password-cancel-btn {
    margin-left: 20px;
}

#dateOfBirthDayid-base, #dateOfBirthYearid-base {
    top: 19px;
}

#genderid-base {
    top: 1px;
}

#members_retrieve_username #login_question_content #phone_image {
    margin-top: 3px;
}

/*End of Retrieve Password,Username page style overrides */
/* Register Link-Accounts Page Style override */
div#subflow_wrapper div#subflow_content div.container {
    margin: 17px 20px !important;
    width: 890px !important;
}

#subflow_footer {
    padding: 5px 0px !important;
}

.append-20 {
    margin-left: 22% !important;
}

hr {
    margin: 10px 0px 10px -20px;
    padding: 0px;
    border: 0;
    height: 1px;
    background-color: #EEEBEB;
    width: 940px;
}

.registration hr {
    width: 950px !important;
    margin-left: -30px !important;
    margin-top: 30px;
}

.pd-bottom10 {
    padding-bottom: 10px;
}

.terms-padding {
    clear: both;
    margin-top: 10px;
}

.terms-agree-padding {
    clear: both;
    position: relative;
    top: 30px;
}

div .tos {
    background: #EBF6FC;
    overflow: auto;
    height: 200px;
    padding: 15px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

div.required-fields {
    float: right;
    color: #768aa0;
    font-size: 14px;
    position: relative;
    top: 11px;
}

.span-3-width {
    width: 85px;
}

.span-2-width {
    width: 40px;
}

.span-tandc {
    width: 583px;
}

div.span-3-width span#namePrefix_wrap .select-toggle {
    top: -2px;
}

.pd-left30 {
    padding-left: 30px;
}

#subflow_header h2 {
    color: #1994D7;
    font-size: 36px;
    font-weight: 200;
    padding-top: 26px;
    margin-bottom: 13px !important;
    font-family: Avenir-light;
}

.horizontalSeparator {
    width: 800px;
    margin: 20px;
}

#dateOfBirthYearid-base  span.inlineErrors {
    width: 200px !important;
}

#addressStateid-base span#addressState-wrapper {
    top: 0;
}

.registration .error_icon, .contact-form-messages .error_icon {
    vertical-align: middle;
    height: 34px;
    width: 30px;
}

label#reg_comm_dvc_email_label, label#reg_comm_wdw_offers_label, label#reg_comm_wdw_news_label
    {
    font-size: 14px !important;
}

#subflow_content .customScroll p, #subflow_content .customScroll strong
    {
    font-size: 10px !important;
}

#reg_tos_label {
    font-size: 14px !important;
}

/* Overrides for rounded scroll bar */
.customScrollSlider {
    height: 220px !important;
    right: 0px !important;
    top: 5px !important;
    background-color: #DCDFDF;
}

.customScroll .scrollContainer {
    padding: 0px !important;
}

.customScrollSlider .handle {
    background-color: #65778A;
    height: 54px !important;
}

.scrollContainer::-webkit-scrollbar-track {
    background-color: #DCDFDF !important;
    padding: 0px !important;
}

.scrollContainer::-webkit-scrollbar-thumb {
    background-color: #65778A !important;
    height: 54px !important;
}

.scrollContainer {
    font-size: 12px;
}

/* End of Register Link-Accounts Page Style override */
/*Start dialog box styles (CLEAN THIS UP LATER)*/
div.dialog-modal>div.ui-dialog-titlebar {
    display: none;
}

div#login-click-here-tooltip {
    font-size: 12px;
    background: rgba(255, 255, 255, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,
        endColorstr=#FFFFFFFF);
    margin: auto;
    padding: 20px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    position: relative;
    top: -2px !important; /* WL */
    left: 383px;
    width: 185px;
    height: 99px;
}

div#login-click-here-tooltip a {
    text-decoration: none;
    color: #1994D7;
    font-size: 11px !important; /* WL */
}

div.login-click-here-tooltip-spacer {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    line-height: 0px;
}

.login-important-notice {
    position: relative;
    top: -6px;
}

div.dialog-entry {
    background: transparent url('../images/msi-sprites.png') no-repeat
        scroll -10px -1018px;
    width: 18px;
    height: 18px;
    margin: 0px 0px -5px 5px;
    padding: 0px;
    display: inline-block;
}

.dialog-entry-content {
    display: none;
}

/*End dialog box styles*/
/* Start Subflow Footer Styles*/
/**
 TODO TODO TODO TODO
  ___ _    ___   _   _  _   __  __ ___   _   _ ___
 / __| |  | __| /_\ | \| | |  \/  | __| | | | | _ \
| (__| |__| _| / _ \| .` | | |\/| | _|  | |_| |  _/
 \___|____|___/_/ \_\_|\_| |_|  |_|___|  \___/|_|
 TODO TODO TODO TODO
 */
#subflowFooter {
    background-color: #E6EEF7;
    clear: both;
    display: block;
    height: 64px;
    width: 100%;
    z-index: 10000;
    padding: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.subflowContent {
    display: table-cell;
    height: 64px;
    position: relative;
    vertical-align: middle;
}

.subflowLeftWrap {
    text-align: left;
    width: 298px;
}

.subflowCenterWrap {
    text-align: center;
    width: 340px;
}

.subflowLeftButton {
    width: 100px;
}

#subflowRightWrap {
    text-align: right;
    width: 300px;
}

.subflowRightButton {
    float: left;
}

#right-buttons {
    float: right;
}

#subflowSteps>div {
    display: inline-block;
}

#subflowSteps .step {
    width: 75px;
    color: #AEBCCB;
}

#subflowSteps div.step.labelExpand {
    width: 140px !important;
}

#subflowSteps div.step label {
    display: block;
    font-size: 12px !important;
}

#subflowSteps div.step.labelExpand label {
    display: table;
    width: 140px;
}

#subflowSteps  div.step.active label {
    color: #768AA0;
}

#subflowSteps  div.step.active.labelExpand label {
    display: table;
    width: 140px;
}

#subflowSteps  div.step .page {
    display: inline-block;
    background-color: white;
    height: 17px;
    text-align: center;
    width: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    -khtml-border-radius: 17px;
    border-radius: 17px;
}

#subflowSteps div.step.active .page {
    background-color: #768AA0;
    color: white;
}

#subflowSteps .bar {
    height: 3px;
    width: 100px;
    background-color: white;
    margin: 0 0 4px -28px;
}

#subflowSteps .bar.labelExpand {
    width: 140px !important;
    margin: 0 -30px 4px -61px;
}

#subflowSteps>div:last-child {
    margin-left: -30px;
}

#subflowFooterWrap {
    display: table;
    margin: 0 auto;
    max-width: 940px;
    width: 98%;
}

#subflowFooterWrap button#subflow_cancel {
    margin: 0 !important;
}

/* End Subflow Footer Styles*/
.formInputElement, .textInputWrap {
    padding: 0px;
}

.uiPlus .textInput input.validationError {
    -webkit-box-shadow: 1px 1px 4px 0.25 #F63;
    -moz-box-shadow: 1px 1px 4px 0.25px #F63;
    box-shadow: 1px 1px 4px 0.25px #F63;
}

.rich-checkbox {
    vertical-align: bottom;
}

.richCheckBox input {
    margin: 0px;
    padding: 0px;
}

.uiPlus .disabled input {
    color: #A1AFC0;
}

.uiPlus .disabled label {
    color: #A1AFC0;
}

.reg_form {
    padding-bottom: 100px;
}

.standardFormElement label {
    display: block;
    padding: 0;
    margin: 0;
}

.pepModalCustomClass {
    background-color: white;
}

.ui-widget-overlay {
    z-index: 20000;
    position: absolute;
    top: 0;
    left: 0;
}

#notification-header-wrapper {
    margin-left: 180px;
    font-size: 12px;
    padding-top: 9px;
    border-left: 1px solid #a1afc0;
    min-width: 745px;
    padding-bottom: 15px;
}

#notification-header-wrapper b {
    font-size: 14px;
}

.border-left {
    border-left: 1px solid #a1afc0 !important;
    margin: 10px;
    padding: 10px;
    height: 10px;
}

#notification-header-wrapper a {
    text-decoration: none;
}

.invalidInput input, .invalidInput span#retrieve_password_birth_month-wrapper,
    .invalidInput span#retrieve_password_birth_day-wrapper, .invalidInput span#retrieve_password_birth_year-wrapper
    {
    box-shadow: 0 1px 4px 0 #FF6633 !important;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

.invalidInput span#retrieve_password_birth_month-wrapper, .invalidInput span#retrieve_password_birth_day-wrapper,
    .invalidInput span#retrieve_password_birth_year-wrapper {
    height: 27px;
}

.invalidInput span#retrieve_password_birth_month-wrapper div.select-toggle,
    .invalidInput span#retrieve_password_birth_day-wrapper div.select-toggle,
    .invalidInput span#retrieve_password_birth_year-wrapper div.select-toggle
    {
    box-shadow: none !important;
}

span#retrieve_password_birth_month-wrapper, span#retrieve_password_birth_day-wrapper,
    span#retrieve_password_birth_year-wrapper {
    top: -4px;
}

span#retrieve_password_birth_month-wrapper .listWrapper, span#retrieve_password_birth_day-wrapper .listWrapper,
    span#retrieve_password_birth_year-wrapper .listWrapper {
    width: 82px !important;
}

.retrieve-password-birth-month-select,
    .retrieve-password-birth-day-select,
    .retrieve-password-birth-year-select {
    padding-left: 0px !important;
}

/* Global Navigation */
.globalNavigationBar .gnbParksAndTickets .gnbSubmenusWrapper {
    background-color: #FFFFFF;
    position: relative;
}

.globalNavigationBar .gnbParksAndTickets .gnbSubmenu {
    width: 210px;
}

.globalNavigationBar .gnbParksAndTickets .gnbSubmenu .member-extras-nav
    {
    width: 200px;
}

.globalNavigationBar .gnbParksAndTickets .gnbSubmenu .destinations-nav {
    width: 325px;
}

.globalNavigationBar .gnbParksAndTickets .gnbSubmenu .vacation-planning-nav
    {
    width: 210px;
}

.globalNavigationBar .gnbParksAndTickets .gnbSubmenu .my-vacations-nav {
    width: 250px;
}

.dvcLogo {
    background: url('../images/msi-sprites.png') no-repeat scroll 0px -36px;
    width: 156px;
    height: 34px;
    display: block;
    float: left;
    margin-right: 80px !important; /* WL */
    margin-top: -5px;
    padding-right: 15px;
}

.dvcLogo:focus {
    margin-top: -6px;
    margin-left: -1px;
    padding-right: 14px;
    border: 1px dotted;
}

.globalNavigationBar .gnbParksAndTickets .gnbSubmenu .gnbParksTypeList {
    width: 100%;
}

.globalNavigationBar .gnbParksAndTickets, .globalNavigationBar .gnbParksAndTickets .gnbCategoryTitleShadow
    {
    width: 141px;
}

.globalNavigationBar .gnbParksAndTickets .gnbSubmenu.right .gnbSubmenusWrapper
    {
    right: 109px !important;
}

a.noTarget, span.pkTitle {
    cursor: default;
}

.pkLink>h5, span.pkTitle {
    font-weight: normal !important; /* WL */
    font-family: Avenir85Heavy, Helvetica, Arial, sans-serif !important;
    /* WL */
}

.pkLink a.pkLink:hover {
    color: #FFFFFF !important; /* WL */
}

/* End of Global Navigation Styles */
/* Styles for Sample Page tab menu */
.single_body_wrap h1 {
    padding: 10px;
}

ul.tab-menu {
    list-style-type: none;
    padding: 0px;
    width: 960px;
    position: absolute;
    left: 0px;
}

ul.tab-menu li {
    float: left;
    width: 186px;
    height: 35px;
    background: -moz-linear-gradient(center top, #F6F9FC 2%, #FAFAFD 3%, #FAFBFB 15%,
        #F6F9FC 45%, #F3F7FB 60%, #E7EEF6 80%, #E2E9F2) repeat scroll 0 0
        transparent !important;
    text-align: center;
    background: -webkit-linear-gradient(top, #F6F9FC 2%, #FAFAFD 3%, #FAFBFB 15%,
        #F6F9FC 45%, #F3F7FB 60%, #E7EEF6 80%, #E2E9F2) repeat scroll 0 0
        transparent !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,
        endColorstr=#E2E9F2);
    border: 1px solid #D4D8DD;
    border-top: 1px solid #F4F5F6;
    border-left: 1px solid #DCE2E9;
    margin-bottom: 20px;
    padding-top: 15px;
    border-right: 1px solid #FFFFFF;
    font-family: Avenir85Heavy, Helvetica, Arial, sans-serif !important;
    /* WL */
    font-size: 13px !important; /* WL */
    font-weight: normal !important; /* WL */
}

ul.four-tabs li {
    width: 234px !important;
}

ul.tab-menu li a {
    color: #253B56;
    font-weight: bold !important; /* WL */
    font-size: 13px !important; /* WL */
}

ul.tab-menu li.selected {
    border-bottom: none;
    background: #fff !important;
    font-weight: bold !important; /* WL */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,
        endColorstr=#FFFFFF);
    color: #289BDA;
    font-size: 1.2em;
}

ul.tab-menu li.first {
    border-left: none !important;
    width: 187px;
}

ul.tab-menu li.last {
    border-right: none !important;
    width: 187px;
}

ul.tab-menu.four-tabs li.first {
    border-left: none !important;
    width: 233px !important;
}

ul.tab-menu.four-tabs li.last {
    border-right: none !important;
    width: 233px !important;
}

/* Media Player Styles */
div.cms-widget-media-banner {
    position: relative;
}

div.cms-widget-media-banner div.transparent-pill {
    position: relative;
    background-color: #000;
    color: white;
    width: 80px;
    padding: 5px 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -ms-filter: "alpha(opacity=70)";
    filter: alpha(opacity = 70);
    -khtml-opacity: .70;
    -moz-opacity: .70;
    opacity: .7 !important;
    position: absolute;
    bottom: 20px;
    right: 20px;
    text-align: center !important;
}

div.cms-widget-media-banner img {
    position: relative;
}

div.cms-widget-media-banner div.transparent-pill a {
    color: white;
    opacity: 1 !important;
    display: block !important;
}

/* Styles for Quick links and More Help */
div.cms-widget-nav {
    position: relative;
    background-color: #FFFFFF;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0.5px 1px 4px #CCCCCC;
    height: auto;
    padding: 20px;
    width: 210px;
    margin-top: 10px;
    margin-bottom: 20px !important;
}

div.cms-widget-nav p {
    font-size: 1.4em;
}

div.cms-widget-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cms-widget-nav .widget-title {
    font-size: 1.6em;
    font-family: Avenir, Helvetica, Arial, sans-serif !important; /* WL */
    font-weight: lighter !important; /* WL */
}

.cms-widget-nav ul li {
    font-size: 14px !important; /* WL */
    line-height: 16px !important; /* WL */
    margin-top: 8px !important; /* WL */
    margin-bottom: 8px !important; /* WL */
    font-weight: lighter !important; /* WL */
}

/* End of styles for Quick links and More Help */
/* End of styles for Sample Page tab menu */
.media_window {
    background-color: gray;
    background-image:
        url('/media/dvc/members-msi/images/DVC-Mock-MediaWindow.png');
    height: 200px;
    width: 880px;
    margin-left: auto;
    margin-right: auto;
}

/* CMS Partials */
div.cms-widget-story {
    clear: both;
    padding-top: 20px;
    overflow: visible !important; /* WL */
}

div.cms-widget-story:not(:first-child ) {
    padding-bottom: 16px;
}

div.cms-widget-story img {
    float: left;
    padding-right: 20px;
    clear: both !important; /* WL */
}

div.cms-widget-story.cms-widget-title {
    padding-top: 28px !important;
    padding-bottom: 15px !important;
}

div.cms-widget-story.cms-widget-title .cms-widget-details-wrapper h3 {
    font-family: inherit;
    margin-bottom: 0;
}

div.cms-widget-summary .detailed-description {
    font-size: 18px;
    font-weight: lighter !important; /* WL */
    line-height: 28px !important; /* WL */
    font-family: Avenir, Helvetica, Arial, sans-serif !important; /* WL */
}

div.cms-widget-summary .detailed-description p {
    font-size: 20px;
    font-family: Avenir-light, Helvetica, Arial, sans-serif !important;
    /* WL */
}

div.cms-widget-summary .detailed-description .amenities-heading-summary,
    div.cms-widget-summary .detailed-description .recreation-heading-summary,
    div.cms-widget-summary .detailed-description .dining-heading-summary {
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-weight: normal;
}

div.cms-widget-summary .detailed-description .overview-heading-story {
    margin-top: 35px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: normal;
}

h3 {
    font-size: 18px;
}

div.cms-widget-summary {
    margin-bottom: 20px;
}

.cms-widget-summary .detailed-description hr {
    margin-top: -41px !important;
    width: 940px !important;
}

div.cms-widget-cta {
    width: 210px;
    border: 1px #1994d7;
    background-color: #1994d7;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    padding: 18px;
    color: white;
    margin-bottom: 16px;
    position: relative;
    height: 100% !important;
}

.cms-widget-cta a {
    color: white;
    text-decoration: underline;
}

.cms-widget-cta div {
    width: 100%;
    text-align: left !important; /* WL */
    margin-top: 0px !important;
}

#rightBlock div.cms-widget-cta div {
    text-align: center !important; /* WL */
    width: 210px !important;
    color: white;
}

#rightBlock div.cms-widget-cta div.cta-title {
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: bold !important;
    line-height: 18px !important;
    margin-bottom: 0px;
}

#rightBlock div.cms-widget-cta .cta-main .cta-count {
    float: none !important; /* WL */
    font-size: 32px !important;
    line-height: 32px !important;
    padding-top: 16px !important;
    padding-bottom: 0px !important;
}

#rightBlock div.cms-widget-cta .cta-main .cta-currency {
    float: none !important; /* WL */
    width: 210px !important; /* WL */
    font-size: 10px !important; /* WL */
    text-align: center !important; /* WL */
    line-height: 14px !important;
    padding-bottom: 7px !important;
    padding-top: 5px !important;
    margin-bottom: 0px !important;
}

#rightBlock div.cms-widget-cta .cta-main .cta-currency span {
    display: inline !important;
}

#rightBlock div.cms-widget-cta .cta-briefDescription, #rightBlock div.cms-widget-cta .cta-detailedDescription {
    padding-top: 18px !important;
    margin-top: 0 !important; /* WL */
    font-size: 14px !important; /* WL */
    line-height: 14px !important;
    font-style: normal !important; /* WL */
    width: 305px;
}

#rightBlock div.cms-widget-cta .cta-link {
    font-style: normal !important;
    padding-top: 10px !important;
}

.cms-widget-cta div.cta-title {
    font-size: 1.5em;
    font-style: lighter !important; /* WL */
    margin-bottom: 10px;
}

.cms-widget-cta div.cta-main {
    margin: auto;
    margin-top: -5px !important; /* WL */
    margin-bottom: -5px !important; /* WL */
}

.cms-widget-cta div.cta-count {
    font-size: 30px;
    text-align: left !important; /* WL */
    margin-bottom: -12px !important; /* WL */
    margin-top: 0px;
    font-style: normal;
    font-weight: bold !important; /* WL */
    font-family: Avenir, Helvetica, Arial, sans-serif !important; /* WL */
    float: left !important; /* WL */
    width: auto !important; /* WL */
    margin-right: 5px !important; /* WL */
}

.cms-widget-story .cms-widget-details-wrapper .brief-description p strong
    {
    font-size: 18px;
    font-weight: 400;
}

.cms-widget-story .cms-widget-details-wrapper .brief-description {
    font-size: 14px !important; /* WL */
}

.cms-widget-card  .cms-widget-details-wrapper .brief-description {
    width: 100%;
}

.cms-widget-cta div.cta-currency {
    text-align: left;
    margin-bottom: 15px !important; /* WL */
    font-style: normal;
    font-size: 10px !important;
    font-family: Avenir, Helvetica, Arial, sans-serif !important; /* WL */
    float: left !important; /* WL */
    width: 100px !important; /* WL */
    padding-top: 10px !important; /* WL */
}

.cms-widget-cta div.cta-currency span {
    display: block !important; /* WL */
    font-size: 13px !important; /* WL */
    line-height: 12px !important; /* WL */
    margin-top: -3px !important; /* WL */
}

.cms-widget-cta div.cta-currency .vacation-points {
    font-size: 14px;
    display: block;
    line-height: 10px;
}

.cms-widget-story .cms-widget-cta div.cta-currency {
    text-align: left;
    margin-bottom: 10px !important; /* WL */
    font-style: normal;
    font-size: 12px !important;
    font-family: Avenir, Helvetica, Arial, sans-serif !important; /* WL */
    font-weight: lighter !important; /* WL */
    line-height: 10px !important; /* WL */
}

div.widgets-left-side.full {
    float: left;
    width: 100%;
}

div.widgets-left-side.full .cms-widget-card .cms-widget-details-wrapper h3
    {
    width: 650px;
}

div.widgets-left-side.full .cms-widget-card .cms-widget-details-wrapper-with-media h3
    {
    width: 500px !important;
}

div.widgets-left-side.half {
    float: left;
    width: 600px;
    margin-right: 20px;
}

div.widgets-left-side.half .cms-widget-collapsible-group {
    padding: 32px 0 0 0;
}

div.widgets-left-side.half hr {
    margin: 0 0 0 -20px;
}

div.widgets-right-side {
    float: left;
    width: 250px;
    margin-left: 30px;
    margin-top: 5px;
    margin-bottom: 20px !important; /* WL */
}

.cms-widget-details-wrapper h3 {
    margin-bottom: 15px;
    font-family: Avenir-heavy;
    font-weight: normal !important; /* WL */
    width: 400px;
}

.cms-widget-details-wrapper .brief-description p {
    margin-bottom: 0;
}

div.cms-widget-image-wrapper {
    width: 170px;
    height: 96px;
    background-color: gray;
    display: inline-block;
    float: left;
    margin-right: 20px;
}

div.cms-widget-image-wrapper img {
    max-width: 170px;
    max-height: 96px;
    background: white;
}

div.cms-widget-card {
    clear: both;
    overflow: visible !important; /* WL */
    margin-top: 30px !important; /* WL */
    margin-right: -10px !important; /* WL */
    margin-left: -10px !important; /* WL */
    margin-bottom: 0px !important; /* WL */
    padding-bottom: 20px !important; /* WL */
    padding-top: 20px !important; /* WL */
    margin: 0px !important; /* WL */
    font-size: 13px !important; /* WL */
}

div.cta-detailedDescription {
    margin-top: 10px !important; /* WL */
    font-size: 14px !important; /* WL */
    font-style: normal !important; /* WL */
    width: 305px;
}

div.cms-widget-details-wrapper, .full .cms-widget-story .cms-widget-details-wrapper
    {
    display: inline-block;
    float: left;
    font-size: 13px;
}

div.cms-widget-story .cms-widget-details-wrapper {
    width: 400px;
}

div.cms-widget-details-wrapper h2 {
    font-size: 24px;
    margin-bottom: 12px;
}

div.full .cms-widget-card .cms-widget-details-wrapper {
    width: 95%;
}

div.full .cms-widget-card .cms-widget-details-wrapper-with-media {
    width: 77% !important;
}

div.full .cms-widget-card .cms-widget-details-wrapper .card-description-wrapper
    {
    width: 675px !important;
}

div.half .cms-widget-details-wrapper .card-description-wrapper {
    width: 100%;
}

div.half .cms-widget-details-wrapper-with-media .card-description-wrapper
    {
    width: 385px !important;
}

p.points-chart-summary {
    font-weight: 200;
    font-size: 18px;
}

.cms-widget-card-arrow, #vacation-points-table-wrap .members-home-card-arrow,
    .homepage-annual-dues .members-home-card-arrow,
    #upcoming-vacations-wrap .members-home-card-arrow, .loans .members-home-card-arrow
    {
    background: transparent
        url('/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png')
        no-repeat 0px 0px;
    width: 15px;
    height: 25px;
    float: right;
    margin-top: 20px;
}

.cms-widget-story  .cms-widget-details-wrapper .cms-widget-card-arrow {
    margin-top: 10px;
}

#vacation-points-table-wrap .members-home-card-arrow {
    margin-top: 40px;
    right: 0px !important; /* WL */
    position: absolute !important; /* WL */
    margin-right: 0px !important; /* WL */
}

.loans .members-home-card-arrow {
    margin-top: 100px;
    margin-right: 15px;
    right: 0px !important; /* WL */
    position: relative !important; /* WL */
}

.vacation-points {
    position: relative !important; /* WL */
}

#upcoming-vacations-wrap .members-home-card-arrow {
    margin-top: 15px;
    margin-right: 0px;
}

.homepage-annual-dues .members-home-card-arrow {
    margin-top: 100px;
    margin-right: 15px;
}

.members-content-row {
    width: 510px;
    background: url('../images/home-h2-hr.png') !important; /* WL */
    background-repeat: no-repeat !important; /* WL */
    background-position: left bottom !important; /* WL */
    padding-top: 0px !important; /* WL */
    margin-top: 0px !important; /* WL */
    padding-bottom: 0px !important; /* WL */
    margin-left: 0px !important; /* WL */
}

.members-content-row:last-child {
    background: none !important; /* WL */
}

.members-content-row h3 {
    font-family: Avenir, Helvetica, Arial, sans-serif !important; /* WL */
    font-size: 18px !important; /* WL */
    margin-top: 0px !important; /* WL */
    padding: 0px !important; /* WL */
    padding-top: 0px !important; /* WL */
    margin: 0px !important; /* WL */
    font-weight: bold !important; /* WL */
}

.members-content-row h3 {
    margin-top: 0px !important; /* WL */
    padding-bottom: 20px !important; /* WL */
}

.cms-widget-card:hover .cms-widget-card-arrow, .vacation-points:hover #vacation-points-table-wrap .members-home-card-arrow,
    .homepage-annual-dues:hover .members-home-card-arrow, .faqWrapper:hover .cms-widget-card-arrow,
    .cms-widget-story:hover .cms-widget-card-arrow, #members-content-row:hover .members-home-card-arrow,
    .loans:hover .members-home-card-arrow {
    background-position: 0px -25px;
}

#members-content-row a:link, #members-content-row a:visited {
    color: #253B56;
    font-weight: normal !important; /* WL */
    font-family: Avenir, Helvetica, Arial, sans-serif !important; /* WL */
    font-weight: bold !important; /* WL */
}

.cms-widget-card:hover div.cms-widget-cta, .cms-widget-card:hover h3,
    .cms-widget-card:hover div.brief-description, .cms-widget-card:hover span,
    .members-content-row:hover {
    color: #1994d7;
    cursor: pointer;
}

.members-content-row.unhover h3, .members-content-row.unhover span,
    .vacation-points.unhover h2, .homepage-annual-dues.unhover h2,
    .homepage-annual-dues.unhover span {
    color: #253B56 !important;
}

.members-content-row.unhover .members-home-card-arrow,
    .homepage-annual-dues.unhover .members-home-card-arrow,
    .vacation-points.unhover .members-home-card-arrow {
    background:
        url("/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png")
        no-repeat scroll 0 0 transparent !important;
}

.cms-widget-card.unhover div.cms-widget-cta, .cms-widget-card.unhover h3,
    .cms-widget-card.unhover div.brief-description {
    color: #253B56 !important;
}

.cms-widget-card.unhover .cms-widget-card-arrow {
    background-position: 0 0 !important;
}

form .uiTooltipRequired::after {
    content: "";
}
form .uiTooltipRequired .uiToolTip::after {
    content: "*";
}

.fair-housing-icon {
    width: 83px;
    height: 83px;
    background: transparent url('../images/msi-sprites.png') no-repeat
        scroll 0px -1255px;
    margin: auto;
    padding-bottom: 5px;
}

.cms-widget-footer {
    text-align: center;
}

div.cms-hidden-modal {
    display: none;
}

span.bold {
    font-weight: bold;
}

div.tab-enabled {
    margin-top: 90px;
}

.wrapperXtraSpacing {
    clear: both;
    margin-top: 80px;
}

.invalidInput label, .invalidInput label .uiToolTip:after {
    color: #FF6633 !important;
}

#login-lockout-notification {
    margin-left: 180px;
    padding-top: 12px;
    font-size: 1.2em;
    color: #253b56;
    padding-left: 40px;
    width: 540px;
}

.notification-icon {
    background: transparent
        url('/media/dvc/pep_01/image-sprites/38b246a7c3dd732c59aadb6d19fa0649-sprite-noRepeat-icons.png')
        no-repeat scroll 0px -1215px;
    display: inline-block;
    height: 40px;
    width: 40px;
}

.notification-message {
    display: inline-block;
    width: 480px;
    vertical-align: top;
    padding-left: 5px;
}

/* Collapsible Group Styles */
.cms-widget-collapsible-group-switch-show,
    .cms-widget-collapsible-group-switch-hide {
    clear: both;
}

.cms-widget-collapsible-group-switch-show {
    padding-bottom: 32px;
}

.cms-widget-collapsible-group-switch-hide {
    padding-bottom: 16px;
}

.cms-widget-collapsible-group .cms-widget-details-wrapper h3.cms-widget-collapsible-group-title
    {
    padding-top: 5px;
    padding-left: 5px;
}

.cms-widget-collapsible-icon {
    float: left;
    margin-left: -5px;
}

.collapsible-hide-label, .collapsible-show-label {
    cursor: hand;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 25px;
    display: inline-block;
}

.collapsible-show-label {
    background: transparent
        url('/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png')
        no-repeat scroll 0px -412px;
}

.collapsible-hide-label {
    background: transparent
        url('/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png')
        no-repeat scroll 0px -394px;
}

/* Collapsible Multi Column List Styles */
.collapsible-multi-column-list-wrap {
    background-color: #ebf6fc;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -khtml-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

.collapsible-multi-column-list-header {
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -khtml-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    padding: 10px 10px 10px 20px;
    font-size: 1.4em;
    font-weight: bold !important; /* WL */
    background-color: #c2def2;
    font-family: Avenir, Helvetica, Arial, sans-serif !important; /* WL */
}

.collapsible-multi-column-list-control-label,
    .collapsible-multi-column-list-control,
    .collapsible-multi-column-list-control-label-show,
    .collapsible-multi-column-list-control-show {
    display: inline-block;
    cursor: pointer;
}

.collapsible-multi-column-list-control-container {
    display: inline-block;
    margin: 10px 5px 10px 20px;
}

.collapsible-multi-column-list-control {
    background: transparent
        url('/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png')
        no-repeat scroll 0px -394px;
    height: 18px;
    width: 18px;
    float: left;
    display: inline;
}

.collapsible-multi-column-list-control-container:hover .collapsible-multi-column-list-control
    {
    background: transparent
        url('/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png')
        no-repeat scroll 0px -430px;
}

.collapsible-multi-column-list-control-show {
    background: transparent
        url('/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png')
        no-repeat scroll 0px -412px;
    height: 18px;
    width: 18px;
    float: left;
    display: inline;
}

.collapsible-multi-column-list-control-container:hover .collapsible-multi-column-list-control-show
    {
    background: transparent
        url('/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png')
        no-repeat scroll 0px -448px;
}

.collapsible-multi-column-list-control-container:hover .collapsible-multi-column-list-control-label,
    .collapsible-multi-column-list-control-container:hover .collapsible-multi-column-list-control-label-show
    {
    color: #289BDA;
}

.collapsible-multi-column-list-control-label,
    .collapsible-multi-column-list-control-label-show {
    padding-left: 5px;
    font-weight: normal !important; /* WL */
    color: inherit;
    font-family: Avenir, Helvetica, Arial, sans-serif !important; /* WL */
    font-weight: bold !important; /* WL */
}

.collapsible-multi-column-list-content {
    padding: 10px;
}

.super-wrap-list h2, .super-wrap-list strong {
    display: block;
    margin: 0 0 5px 10px;
    font-size: 14px;
    font-weight: normal !important; /* WL */
    font-family: Avenir, Helvetica, Arial, sans-serif !important; /* WL */
    font-weight: bold !important; /* WL */
}

.super-wrap-list h3 {
    font-size: 12px;
    font-style: italic;
    margin: -5px 0 10px 10px;
}

.super-wrap-list ul {
    float: left;
    margin: 5px 0 5px 6px;
    overflow: hidden;
    width: 195px;
}

.super-wrap-list ul.one-column {
    float: left;
    margin: 5px 0 5px 6px;
    overflow: hidden;
    width: 840px;
}

.super-wrap-list ul.two-column {
    float: left;
    margin: 5px 0 5px 6px;
    overflow: hidden;
    width: 410px;
}

.super-wrap-list ul.three-column {
    float: left;
    margin: 5px 0 5px 6px;
    overflow: hidden;
    width: 265px;
}

.super-wrap-list ul li {
    line-height: 16px;
    padding: 2px;
}

.super-wrap-list ul li.list-header {
    list-style: none;
    margin-left: -18px
}

/* End of Collapsible Multi Column Styles */
/* Regular Multi Column List Styles */
.multi-column-list-header {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: -12px;
    font-weight: lighter !important; /* WL */
}

.multi-column-list-content-list ul {
    margin: 0px !important; /* WL */
    padding: 0 5px 0 0;
    width: 32%;
}

.multi-column-list-content-list ul li {
    list-style: none;
    padding-bottom: 10px;
}

.multi-column-list-content-list ul li a {
    font-size: 15px;
    line-height: 1.2em;
}

/* End of Regular Multi Column List Styles */
/* Contact Us Right Widget */
.contact-us-right-widget {
    font-family: inherit;
    text-align: center;
    font-size: 1.2em;
    height: 70px;
}

.contact-us-right-widget-title>a {
    color: #253B56;
}

.contact-us-right-widget-title>a:hover {
    color: #1994D7;
    text-decoration: none;
}

.contact-us-right-widget-mail-icon, .contact-us-right-widget-phone-icon
    {
    height: 28px;
    display: inline-block;
    float: left;
    cursor: pointer;
    background: transparent
        url('/media/dvc/members-msi/images/contact-icons-sprite.png')
        no-repeat scroll;
    margin-left: 14px;
}

.contact-us-icons-wrap {
    margin: 0px auto;
    width: 90px;
}

.contact-us-right-widget-mail-icon {
    width: 30px;
    background-position: 0 0;
}

.contact-us-right-widget-mail-icon:hover {
    width: 30px;
    background-position: -86px 0;
}

.contact-us-right-widget-phone-icon {
    width: 22px;
    background-position: -46px 0;
}

.contact-us-right-widget-phone-icon:hover {
    width: 21px;
    background-position: -132px 0;
}

/* End of Contact Us Right Widget */
/* Contact Form Page Styles */
.contact-page-top-header {
    margin: 0 0 30px 20px;
}
.contact-page-top-header-widget-title {
    font-size: 2em;
    margin-bottom: 0.25em;
}
.contact-form {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    width: 575px;
}
.contact-form .horizontalSeparator {
    display: none !important; /* WL */
}

.widgets-disclaimer-section .horizontalSeparator, #rightBlock .horizontalSeparator
    {
    display: none;
}

.contact-form-note {
    float: left;
    width: 287px;
    text-align: right;
    margin-top: 10px;
    line-height: 2.25em;
    color: #A9B1BB;
}

.no-ellipse-overflow .select-toggle>span.select-value {
    width: 100%;
    max-width: 500px;
}

.no-ellipse-overflow .standardFormElement textarea {
    width: 575px;
    max-width: 575px;
    height: 150px;
    font-family: "Avenir", Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
}

.contact-page-right-side {
    float: left;
    font-family: "Avenir", Helvetica, Arial, sans-serif;
    width: 225px;
    margin-left: 20px;
    margin-right: 10px;
}

.contact-page-right-widget-title, .contact-form-title {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: 10px;
}

.contact-page-right-widget-content h4 {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 10px;
}

.contact-form-title {
    float: left;
    width: 287px;
    margin-bottom: 20px;
}

.contact-page-bottom-footer-notes {
    margin-left: 20px;
    margin-top: 20px;
    color: #A9B1BB;
}

#members-contact-form #countryid-base {
    margin: 0px 10px;
}

/* End of Contact Form Page Styles*/
.cms-accessory-widget {
    width: 150px;
    float: right;
}

.cms-widget-summary.with-accessory .detailed-description {
    width: 400px;
}

/* trans icons */
.trans-boat, .trans-bus, .trans-mon, .trans-walk {
    display: inline-block;
    width: 15px;
    height: 17px;
    background-repeat: no-repeat;
    margin-left: 5px !important;
    vertical-align: bottom;
    background-image:
        url('/media/dvc/members-msi/images/transportation-sprite.png')
}

.trans-boat {
    background-position: -37px 0;
}

.trans-bus {
    background-position: -133px 0;
}

.trans-mon {
    background-position: -18px 0;
}

.trans-walk {
    background-position: -94px 0;
}

.cms-widget-media-banner {
    margin-bottom: 10px;
}

.subHeroMediaContent > .cms-widget-media-banner {
    margin-bottom: 0px;
}

.widgets-right-side .cms-widget-basic-content {
    position: relative;
    width: 209px;
    border-radius: 10px !important; /* WL */
    -moz-border-radius: 10px !important; /* WL */
    -webkit-border-radius: 10px !important; /* WL */
    -khtml-border-radius: 10px !important; /* WL */
    padding: 20px;
    background: #E6EEF7;
}

#rightBlock .cms-widget-basic-content[title~=Resort] {
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -khtml-border-radius: 6px 6px 0px 0px;
}

#rightBlock .cms-widget-basic-content[title~=Additional] {
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    -khtml-border-radius: 0px 0px 6px 6px;
    padding-top: 0px !important;
    margin-top: -20px;
}

/**
CTA Acccessory Widgets
**/
div.cms-accessory-widget div.cms-widget-cta {
    background-color: white;
    width: 175px !important; /* WL */
    float: right;
    color: #253B56;;
    text-align: left;
    font-style: normal;
    margin: -10px 0;
    padding: 5px 0px 0px 0px !important; /* WL */
}

div.cms-accessory-widget div.cms-widget-cta div.cta-briefDescription {
    text-align: right;
    font-family: Avenir, Helvetica, Arial, sans-serif !important; /* WL */
    font-size: 13px !important; /* WL */
}

div.cms-accessory-widget div.cms-widget-cta a {
    color: #1994d7;
    text-decoration: none;
}

div.cms-accessory-widget div.cta-link {
    padding-top: 5px !important; /* WL */
    padding-bottom: 0px !important; /* WL */
    min-height: 80px;
}

div.cms-accessory-widget div.cms-widget-cta a.pillLink {
    margin-right: 0px !important;
    margin-top: -5px !important; /* WL */
}

div.cms-widget-story div.cms-widget-details-wrapper div.brief-description,
    div.cms-widget-story div.cms-widget-details-wrapper div.detailed-description p
    {
    line-height: 18px;
    font-size: 14px;
    width: 350px !important; /* WL */
}

div.cms-widget-story div.cms-widget-details-wrapper div.brief-description ul.points-chart-links
div.cms-widget-story div.cms-widget-details-wrapper div.brief-description ul.story-docs-links
    {
    width: 500px;
    font-size: 15px;
    line-height: 2em;
}

/**
 Presentation Hacks
**/
/*
form .select-toggle>span.select-value {
    overflow: visible;
}
*/

body.registration div#namePrefixid-base, body.registration div#nameSuffixid-base
    {
    top: 5px;
}

#body-container {
    margin-bottom: 40px !important; /* WL */
}

/* targeting ipad */
@media only screen and (device-width:768px) {
    #goc-bar {
        width: 100%;
        margin: 0 auto;
        padding: 0 !important;
    }

    #login_form_wrap, #retrieve_username_form_wrap,
        #retrieve_password_form_wrap, .ja-login, #glass-close {
        max-width: 989px;
        min-width: 976px;
    }

    div#login-click-here-tooltip {
        left: 385px !important;
    }

    .login div#members_header_content, .login #gde_footerContents {
        margin: 0 auto !important
    }

    div#gde_chromeContents {
        margin: 0 140px;
        background-color: #868686;
    }

    div#chrome_dol {
        width: 1340px;
        background-color: #868686 !important;
    }
}

/* Styles for FAQ Page */
.multi-column-list-seperator .horizontalSeparator, .full .horizontalSeparator
    {
    width: 100% !important;
    margin: 0px 10px 0px 0px !important;
    position: relative;
}

.half .horizontalSeparator {
    width: 600px !important;
    margin: 0px !important;
    margin-left: 0px !important;
    position: relative;
    left: 20px;
}

div.tab-disabled div:last-of-type hr:last-of-type {
    width: 940px !important;
    margin: -21px 0px 30px -20px !important;
    padding: 0px;
}

.multi-column-list-header {
    color: #253B56;
    font-size: 18px;
    margin-bottom: 12px;
    padding-left: 20px;
    font-weight: lighter !important; /* WL */
}

.multi-column-list-content-list {
    color: #1994D7;
    display: inline-block;
    font-size: 14px;
    margin-left: 20px;
    padding: 2px 0;
    width: 660px;
}

.helpAndSupportPage #rightBlock .cms-widget-nav {
    width: 210px !important;
    margin-top: 10px;
    padding: 20px;
    z-index: 1;
}

/* End of styles for FAQ Page */
/* Styles for FAQ Points Page */
.help-fpo-catergory-question {
    padding-top: 4px;
    width: 520px;
    font-weight: 600;
    padding-left: 20px;
}

.help-fpo-catergory-answer {
    padding-left: 20px;
    width: 500px;
}

.faqWrapper:hover * {
    color: #1994D7;
}

/* End of styles for FAQ Points Page */
/* Styles for Error Page */
.error-page-description {
    margin: 10px 20px;
}

.error-page-developer-logs {
    width: 870px;
    margin: 30px 20px;
}

.error-page-log-title {
    font-weight: 600;
}

.error-page-log-message {
    font-style: italic;
}

/* End of Styles for Error Page */
.ie8GradientLeft, .ie8GradientCenter, .ie8GradientRight {
    display: inline;
}

.globalNav-other-destinations {
    display: block;
    text-align: center;
    margin: 0 0 -15px -20px;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    background-color: #EEF7FC;
    border-top: 1px solid #DDD;
    padding-bottom: 20px;
    padding-top: 20px;
    border-radius: 0 0 10px 10px;
}

/* Styles for Disney Conceirge Collection page */
a[rel="external"], a[rel="external"]:link, a[rel="external"]:visited {
    color: #1994d7;
}

a[rel="external"]:hover {
    text-decoration: underline;
}

.stay-informed-widget-link a[rel="external"] {
    color: #223b56;
}

/*
 .stay-informed-widget-entry .stay-informed-widget-link a{
    color: #253B56 !important;
}
 .stay-informed-widget-entry .stay-informed-widget-link a:hover{
    color: #253B56 !important;
    text-decoration: underline;
} */

/* Targeting 1024 resolution */
@media screen and (max-width: 1024px) {
    #goc-bar {
        width: 100%;
        margin: 0 auto;
        padding: 0 !important;
    }

    div#gde_chromeContents {
        margin: 0 140px;
        background-color: #868686;
    }

    div#chrome_dol {
        width: 1340px;
        background-color: #868686 !important;
    }
}

/* global style for anchor tag to highlight on tabs */
a:focus {
    text-decoration: underline;
    color: #00739a;
}

/**
FAQ Styles
**/
a.faq-link>div.faq-entry-wrap>div.faq-item-wrap {
    text-decoration: none;
    color: #253B56;
    /*margin-bottom: 18px !important; /* WL */
}

a.faq-link:hover  div.faq-item-arrow {
    background-position-y: -25px;
}

.faq-link .horizontalSeparator {
    display: none !important; /* WL */
}

.faq-entry-wrap {
    position: relative;
    font-size: 14px;
    padding-top: 18px !important; /* WL */
    padding-bottom: 0px !important; /* WL */
    margin-top: 18px !important; /* WL */
    margin-botom: 18px !important; /* WL */
    border-top: 0px solid #cccccc !important; /* WL */
    border-bottom: 0px solid #cccccc !important; /* WL */
    margin-left: 20px !important; /* WL */
}

.faq-item-wrap {
    width: 95%;
    display: inline-block;
}

.faq-item-wrap>div {
    display: inline-block;
}

.faq-item-header {
    font-size: 18px;
    font-weight: bold;
    vertical-align: top;
    width: 5%;
    line-height: 18px;
}

.faq-item-content {
    width: 480px;
}

.single-faq-item>.faq-item-wrap>.faq-item-content {
    width: 515px;
}

.faq-item-arrow {
    background:
        url("/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png")
        no-repeat scroll 0px 0px transparent;
    height: 24px;
    width: 20px;
    margin-top: -24px;
}

.horizon {
    position: absolute;
    top: 50%;
    left: 90%;
    width: 100%;
    height: 1px;
    overflow: visible;
    visibility: visible;
    display: block;
}

#contact-form-wrap {
    position: relative;
    height: auto;
}

.help-disclaimer-wrapper {
    margin-left: 20px;
    margin-top: 20px;
    color: #A9B1BB;
}

#view-all-container {
    cursor: pointer;
    color: #1994D7;
}

a:hover {
    text-decoration: underline;
}

.faq-item-question-content {
    font-weight: bold;
    width: 80%;
}

/* Styles for Resort Pages */
.standardContentContainer h1 {
    font-size: 28px !important; /* WL */
    font-weight: lighter !important; /* WL */
    font-family: Avenir, Helvetica, Arial, sans-serif !important; /* WL */
    padding: 0px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.helpAndSupportPage .standardContentContainer h1 {
    /* padding-left: 20px !important; */ /* WL */
}

#wrapper {
    position: absolute !important; /* WL */
    z-index: 1 !important; /* WL */
    width: 100% !important; /* WL */
}

.pepGlobalHeader {
    z-index: 100 !important; /* WL */
    position: relative !important; /* WL */
}

.overview-heading-summary {
    margin-bottom: -10px !important; /* WL */
    font-weight: normal !important; /* WL */
}

.widgets-disclaimer-section {
    color: #768aa0 !important; /* WL */
    padding-top: 26px !important; /* WL */
    padding-bottom: 26px !important; /* WL */
    padding-left: 30px !important; /* WL */
    padding-right: 30px !important; /* WL */
    font-family: Avenir, Helvetica, Arial, sans-serif !important; /* WL */
    font-weight: lighter !important; /* WL */
}

.clearer {
    clear: both;
}

/*UI+ Overrides*/
.pepGlobalFooter #gde_footerContents {
    padding-top: 30px !important; /* WL */
}

header .pepGlobalHeader .globalNavigationBarWrapper {
    display: block !important; /* WL */
}

.multi-column-list-wrap {
    margin-bottom: 20px !important; /* WL */
}

.uiPlus .pillBase .gradient, .uiPlus .pillBase .buttonText {
    font-family: Avenir, Helvetica, Arial, sans-serif !important; /* WL */
    font-weight: bold !important; /* WL */
}

.detailed-description p.dining-heading-summary {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

span.underline {
    text-decoration: underline;
}

/* used in CMS content */
#modalPaddingLayer .ui-widget-content {
    padding: 0px 36px 2px 11px !important;
}

@media screen and (max-width: 767px) {
   #modalPaddingLayer .warningModal.ui-widget-content {
        position: relative!important;
        left: 0!important;
        margin : 0 auto;
        max-width: 720px;
        overflow: auto;
        padding: 0px 24px 2px 11px !important;
        width: auto!important;
    }

    #modalPaddingLayer .warningModal.fullModal.ui-widget-content {
        position: relative!important;
        left: 0!important;
        margin : 0 auto;
        max-width: 100%;
        overflow: auto;
        padding: 0px 24px 2px 11px !important;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        overflow: hidden;
    }

    #modalPaddingLayer .warningModal.fullModal.ui-widget-content #modalDialogDivContainer{
        height: 100% !important;
    }

    #modalPaddingLayer .warningModal.fullModal.ui-widget-content #modalUIPlusButtonPane{
        position: absolute;
        bottom: 80px;
    }
}

body .ui-dialog .ui-dialog-titlebar {
    margin-bottom: 15px;
}

#modalUIPlusButtonPane .horizontalSeparator {
    margin-top: 20px !important;
    margin-bottom: 3px !important;
}

#modalTmpContent {
    padding: 0 0 20px 20px;
}

div.services-down-notice div.error_icon {
    float: left;
}

div.services-down-notice h3.err-msg {
    padding-top: 8px;
}

.uiPlus .hasErrors textarea {
    box-shadow: 0 1px 4px 0 #FF4605;
    border: 0 none;
}

.contact-form-messages {
    margin-left: 20px;
    display: none;
}

.contact-form-messages h3 {
    padding-top: 25px;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
}

/* Outline Group */
.cms-widget-outline-group-title-open,
    .cms-widget-outline-group-title-closed {
    padding-left: 25px;
    height: 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    font-weight: normal;
    vertical-align: middle;
    line-height: 20px;
}

.cms-widget-outline-group-title-open {
    background: transparent
        url('/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png')
        no-repeat scroll 0px -7984px;
}

.cms-widget-outline-group-title-closed {
    background: transparent
        url('/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png')
        no-repeat scroll 0px -7967px;
}

.widgets-left-side .cms-widget-basic-content {
    font-size: 14px;
}

.widgets-left-side .cms-widget-basic-content ul {
    margin: 18px 0;
}

.widgets-left-side .cms-widget-basic-content ul+h3 {
    margin-top: 36px;

}

#members-contact-form #member_number-label.hasErrors .uiToolTip:after {
    color: #FF4605 !important;
    content: "*";
}

#members-contact-form #member_number-label.hasErrors:after {
    content: "" !important;
}

span.nav-widget-icon {
    display: inline-block;
    height: 30px;
    margin: 0 5px 5px 0;
    width: 30px;
    vertical-align: middle;
    cursor: pointer;
}

span.wdw {
    background: url("../images/perks_icons_sprite.png") no-repeat scroll
        -10px 3px transparent;
}

span.dlr {
    background: url("../images/perks_icons_sprite.png") no-repeat scroll
        -10px -32px transparent;
}

span.aulani {
    background: url("../images/perks_icons_sprite.png") no-repeat scroll
        -10px -63px transparent;
}

span.vb {
    background: url("../images/perks_icons_sprite.png") no-repeat scroll
        -10px -91px transparent;
}

span.hh {
    background: url("../images/perks_icons_sprite.png") no-repeat scroll
        -10px -125px transparent;
}

li:hover span.wdw {
    background: url("../images/perks_icons_sprite.png") no-repeat scroll
        -10px -160px transparent;
}

li:hover span.dlr {
    background: url("../images/perks_icons_sprite.png") no-repeat scroll
        -10px -195px transparent;
}

li:hover span.aulani {
    background: url("../images/perks_icons_sprite.png") no-repeat scroll
        -10px -226px transparent;
}

li:hover span.vb {
    background: url("../images/perks_icons_sprite.png") no-repeat scroll
        -10px -254px transparent;
}

li:hover span.hh {
    background: url("../images/perks_icons_sprite.png") no-repeat scroll
        -10px -288px transparent;
}

li a.floating-link-with-media {
    display: inline-block;
    margin-right: -10px;
    vertical-align: middle;
    width: 185px;
}

li:hover a.floating-link-with-media {
    text-decoration: underline;
}

button.rightAlign {
    float: right;
    margin-top: 20px;
}

label#contact_preference_form_tos_label,
    #members-contact-preference-form {
    font-size: 14px !important;
    font-weight: normal;
}

#members-contact-preference.radioGroup {
    margin: 20px 0;
}

#members-contact-preference-form .pepFormSizedRadio {
    margin-top: 30px;
}

#members-contact-preference-form .formSizedRadioLabel {
    font-weight: bold;
    display: block;
    margin-top: -22px;
    margin-left: 28px;
    font-size: 14px
}

#members-contact-preference-form .formSizedRadioSubLabel {
    margin: 10px 29px;
    font-size: 14px;
}

.members-contact-preference-form-title {
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0 5px 0;
}

#members-contact-preferences-form-print {
    font-size: 12px;
    font-weight: bold;
    background: transparent
        url('/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png')
        no-repeat scroll 0px -3256px;
    padding-left: 22px;
    padding-top: 1px;
    float: right;
    margin: -18px 5px 5px 0;
    color: #253B56;
    height: 18px;
}

#members-contact-preferences-form-print:hover {
    background: transparent
        url('/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png')
        no-repeat scroll 0px -3274px;
    color: #1994d7;
    cursor: pointer;
}

.contact-preferences-content {
    line-height: 18px;
}

.contact-preferences-content .content-title {
    font-weight: bold;
    display: block;
    padding: 0;
    margin-bottom: 15px;
}

.contact-preferences-content .content-subtitle {
    display: block;
    padding: 0;
    margin-bottom: 18px;
}

.contact-preferences-content li {
    margin-bottom: 12px;
}

.contact-preferences-content hr {
    width: 620px;
    margin: 36px 0 0 -20px;
}

label#contact_preference_form_tos_label,
    #members-contact-preference-form {
    font-size: 14px !important;
    font-weight: normal;
}

#members-contact-preference.radioGroup {
    margin: 20px 0;
}

#members-contact-preference-form .pepFormSizedRadio {
    margin-top: 30px;
}

#members-contact-preference-form .formSizedRadioLabel {
    font-weight: bold;
    display: block;
    margin-top: -22px;
    margin-left: 28px;
    font-size: 14px
}

#members-contact-preference-form .formSizedRadioSubLabel {
    margin: 10px 29px;
    font-size: 14px;
}

.members-contact-preference-form-title {
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0 5px 0;
}

#members-contact-preferences-form-print {
    font-size: 12px;
    font-weight: bold;
    background: transparent
        url('/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png')
        no-repeat scroll 0px -3256px;
    padding-left: 22px;
    padding-top: 1px;
    float: right;
    margin: -18px 5px 5px 0;
    color: #253B56;
    height: 18px;
}

#members-contact-preferences-form-print:hover {
    background: transparent
        url('/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png')
        no-repeat scroll 0px -3274px;
    color: #1994d7;
    cursor: pointer;
}

.contact-preferences-content {
    line-height: 18px;
}

.contact-preferences-content .content-title {
    font-weight: bold;
    display: block;
    padding: 0;
    margin-bottom: 15px;
}

.contact-preferences-content .content-subtitle {
    display: block;
    padding: 0;
    margin-bottom: 18px;
}

.contact-preferences-content li {
    margin-bottom: 12px;
}

.contact-preferences-content hr {
    width: 620px;
    margin: 36px 0 0 -20px;
}

.reg_form .scrollContainer {
    margin-top: -10px;
    margin-bottom: -20px;
    width: 871px;
}

.reg_form .scrollContainer, #members-contact-preference-form .scrollContainer
    {
    padding: 10px 10px 0 0 !important;
}

#lpChatButton.centerAligned {
    text-align: center;
    margin-top: -5px;
    padding-bottom: 5px;
}

#lpChatButton.rightAligned {
    text-align: right;
}

/*
html, .no-js body.subflow, .no-js .subflow #pageContainer, .no-js .subflow #pageContainerInner
    {
    height: auto !important;
}
*/

.warningModal #ui-dialog-title-contents {
    background: url("../images/msi-sprites.png") no-repeat scroll -10px
        -80px transparent;
    padding-left: 30px;
    font-family: Avenir-heavy;
    font-size: 18px;
    font-weight: bold;
    color: #FD6E3E;
    line-height: 30px
}

.searchBar>div>input {
    background-color: rgba(0, 0, 0, 0);
    border: 0 none;
    color: #7A602B;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    height: 16px;
    width: 145px;
    line-height: 12px;
    margin: 5px 0 0 -22px;
    -webkit-box-shadow: -1px -1px 3px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px -1px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: -1px -1px 3px 1px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding-right: 25px;
}

.searchBar>div>input:focus {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: -1px -1px 3px 0 rgba(25, 148, 215, 0.55);
    -moz-box-shadow: -1px -1px 3px 0 rgba(25, 148, 215, 0.55);
    box-shadow: -1px -1px 3px 1px rgba(25, 148, 215, 0.55);
}

.searchBar>div>button {
    margin-left: 20px;
    height: 18px;
}

.searchBar #searchQuery_button {
    background: transparent
        url('/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png')
        no-repeat scroll 0px -2977px;
    width: 16px;
    height: 16px;
    margin-top: 7px;
    margin-left: -22px;
}

.searchBar #searchQuery_button:hover {
    background: transparent
        url('/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png')
        no-repeat scroll -1px -11150px;
}

/**
 * Story-Docs
 */
div.cms-widget-story-docs div.cms-widget-details-wrapper div.brief-description,
    div.cms-widget-story-docs div.cms-widget-details-wrapper div.detailed-description p
    {
    width: 510px !important; /* WL */
}

.cms-widget-outline-group .cms-widget-story-docs {
    padding: 0 0 15px 25px;
}

.cms-widget-outline-group .cms-widget-story-docs+.horizontalSeparator {
    display: none;
}

.cms-widget-story-docs .cms-widget-details-wrapper>h3 {
    font-size: 14px;
    font-weight: bold !important;
    margin-bottom: 5px;
}

hr.collapsible-group {
    clear: both;
    width: 620px;
}

div.cms-widget-collapsible-group-content div.cms-widget-story {
    padding: 18px 0;
}

div.widgets-left-side .avenir-heavy {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
}

div.widgets-left-side .avenir-medium {
    font-family: Avenir, Helvetica, Arial, sans-serif !important;
}

div.widgets-left-side .avenir-light {
    font-family: Avenir-light, Helvetica, Arial, sans-serif !important;
}

div.widgets-left-side .mb18 {
    margin-bottom: 18px;
}

div.widgets-left-side .mb27 {
    margin-bottom: 27px;
}

div.widgets-left-side .mb36 {
    margin-bottom: 36px;
}

div.widgets-left-side .mt36 {
    margin-top: 36px;
}

.timeshare-disclaimer-section {
    margin-bottom: 10px;
    text-align: center;
}

#gde_footerLegalContainer a[title="Updated Terms of Use"],
    #global_footer li a[name="jupiter_home_footer_updatedtermsofuse"] {
    font-weight: bold !important;
}

.visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.pepGlobalHeader .chromeContainer a:focus .linkText {
    text-decoration: underline !important;
}

/* Associate Account */
#associateAccount h4 {
    font-size: 13px;
    font-family: Avenir-heavy;
    margin-bottom: 10px;
}

#associateAccount .disneySites h4 {
    font-size: 14px;
}

#associateAccount ul {
    list-style-type: none;
    margin-bottom: 26px;
    padding-left: 0;
}

#associateAccount ul {
    margin-bottom: 26px;
}

#associateAccount ul.introList {
    list-style: none;
    padding-left: 40px;
}

#associateAccount li {
    margin-bottom: 25px;
}

#associateAccount ul.introList li {
    margin-bottom: 23px;
}

#associateAccount ul.memberships li {
    margin-bottom: 5px;
}

#associateAccount ul.introList .icon {
    float: left;
    font-family: "pepmdx2",Arial,sans-serif;
    font-size: 34px;
    line-height: 1.8;
    margin: -20px 5px 0 -50px;
}

#associateAccount ul.introList h3 {
    margin-bottom: 6px;
}

#associateAccount ul.introList {
    margin-bottom: 0;
}

#associateAccount ul.inlineErrors {
    list-style-type: disc;
}

#associateAccount ul.inlineErrors li {
    margin-bottom: 5px;
}

#associateAccount .forgotPassword {
    display: inline-block;
    font-size: 12px;
    position: absolute;
    right: 10px;
}

#associateAccount #question_helper {
    background-position: -153px -36px;
    width: 16px;
    height: 16px;
    margin-bottom: -5px;
}

#associateAccount .linkContainer {
    list-style: none outside none;
    margin: 0 0 0 -5px;
    padding: 0;
}

#associateAccount .linkContainer li {
    margin: 0 0 15px;
}

#associateAccount .linkContainer a, a.addMembership {
    color: #253B56 !important;
    font-size: 14px;
    text-decoration: none;
}

#associateAccount .linkContainer a:hover, a.addMembership:hover, a.addMembership:focus
    {
    color: #1994D7 !important;
    text-decoration: none !important;
}

#associateAccount .fontIconLink, .addMembershipFontIcon {
    font-size: 18px;
    padding-right: 2px;
    vertical-align: middle;
    line-height: 18px;
}

a.addMembership {
    float: right;
    display: inline-block;
    margin: 10px 10px 0 0;
}

.addMembershipModal .uiPlus .textInput input {
    width: 150px !important;
}

.addMembershipModal .uiPlus a {
    color: #253B56 !important;
}

.addMembershipModal .uiPlus a:hover, .addMembershipModal .uiPlus a:focus
    {
    text-decoration: none;
    color: #1994D7;
}

#modalPaddingLayer .addMembershipModal .ui-widget-content {
    padding: 0 !important;
}

.addMembershipModal button {
    cursor: pointer !important;
}

.cfix {
    *zoom: 1;
}

.cfix:before, .cfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.cfix:after {
    clear: both;
}

.addMembershipModal .errorContainer {
    font-size: 14px;
    margin-bottom: 10px
}

.addMembershipModal .error_icon {
    vertical-align: top;
}

.addMembershipModal .mainText {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
    font-weight: bold;
    line-height: 20px;
    margin: 5px 0;
}

.addMembershipModal .inputWrapper {
    width: 170px;
    margin-right: 20px;
}

.addMembershipModal #modalTmpContent {
    overflow-x: visible;
}

#modalPaddingLayer .addMembershipModal .ui-dialog-content {
    padding-bottom: 30px !important;
    padding-right: 15px !important;
}

.addMembershipModal .error_message {
    width: 90%;
}

.addMembershipModal .horizontalSeparator {
    margin-top: 20px;
}

.addMembershipModal .modalUIPlusButtons {
    text-align: right;
}

#membership-select-wrap .selectBox {
    width: 120px !important;
}

/* Availability Checker Start */
.availabilityCheckerForm {
    padding: 0 20px 22px 20px;
    height: 100% !important;
}

.availabilityCheckerForm label {
    font-size: 12px !important;
    font-family: Avenir, Helvetica, Arial, sans-serif !important;
    font-weight: normal !important;
    color: #253b56;
}

.availabilityCheckerForm label.labelTop {
    display: block;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
    color: #253b56;
}

.availabilityCheckerForm .inline-block {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    color: #253b56;
}

.availabilityCheckerForm .span1 {
    width: 120px;
}

.availabilityCheckerForm .span2 {
    width: 240px;
}

.availabilityCheckerForm .span3 {
    width: 305px;
}

.availabilityCheckerForm .span4 {
    width: 320px;
}

.availabilityCheckerForm .resortCheckBoxes {
    padding: 3px 0;
    display: inline-block;
}

.availabilityCheckerForm .accessibleRoomCheckBox {
    vertical-align: bottom;
    padding-bottom: 8px;
}

.availabilityCheckerForm .accessibleRoomCheckBox label {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
}

.availabilityCheckerForm .resortsBlock {
    background: transparent
        url('/media/dvc/pep_01/image-sprites/img-hline.png') no-repeat 0 0;
    margin: 0 20px 0 -25px !important;
    width: 3px;
    height: 200px;
}

.availabilityCheckerForm .roomTypes {
    margin-left: -20px;
    padding-left: 20px;
    height: 100%;
    margin-right: 0;
}

.availabilityCheckerForm .roomTypes .span1 {
    width: 170px;
    margin-right: 0;
    color: #253b56;
}

.availabilityCheckerForm .listHeader {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
    color: #253b56;
    margin: 15px 0 0;
}

.availabilityCheckerForm .introText {
    display: block;
    font-size: 14px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif !important;
    color: #253b56;
}

.availabilityCheckerForm .buttonDiv {
    margin: 20px 0;
    float: right;
}

#availabilityCheckerResultsPane {
    margin: 65px 0 25px;
}

#availabilityCheckerResultsPane #availabilityCheckerResultsPaneLoadingDiv,
    #availabilityCheckerResultsPane .hideOnce {
    display: none;
}

#availabilityCheckerResultsPane .availabilityCheckerResultsPaneLoadingDivMessage
    {
    margin: 32px auto 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

#availabilityCheckerResultsPane .availabilityCheckerResultsPaneLoadingDivImage
    {
    margin: 0 auto;
    background: transparent
        url('/media/dvc/members-msi/images/peploading.gif') no-repeat 0 0;
    width: 100px;
    height: 100px;
}

.availability-checker-modal-calendar .modalCalendar span {
    width: 30px;
    height: 36px;
    text-align: center;
    display: inline-block;
}

.availability-checker-modal-calendar .modalCalendar .monthHeader {
    height: 25px;
    margin-bottom: 6px;
}

.availability-checker-modal-calendar .modalCalendar .monthHeader .prev {
    font-family: pepmdx2;
    width: 25px !important;
    font-size: 23px;
    font-weight: normal;
    line-height: 28px;
    cursor: pointer;
}

.availability-checker-modal-calendar .modalCalendar .monthHeader .next {
    font-family: pepmdx2;
    width: 25px !important;
    font-size: 23px;
    font-weight: normal;
    line-height: 28px;
    cursor: pointer;
}

.availability-checker-modal-calendar .modalCalendar .monthHeader .next.isDisabled,
    .availability-checker-modal-calendar .modalCalendar .monthHeader .prev.isDisabled
    {
    color: #A1AFC0;
    cursor: auto;
}

.availability-checker-modal-calendar .modalCalendar .monthHeader .monthName
    {
    width: 222px !important;
    text-align: center;
    font-size: 18px;
    font-family: Avenir, Helvetica, Arial, sans-serif !important;
    font-weight: normal !important;
    vertical-align: middle;
}

.availability-checker-modal-calendar .modalCalendar .daysHeader {
    text-align: center;
}

.availability-checker-modal-calendar .modalCalendar .daysHeader span {
    display: inline-block;
    position: relative;
    font-family: Avenir, Helvetica, Arial, sans-serif !important;
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 36px;
}

.availability-checker-modal-calendar .modalCalendar .daysColumn span {
    background: transparent
        url('/media/dvc/pep_01/image-sprites/calendar-sprites.png') no-repeat
        -125px -5px;
    margin: 0;
    padding: 2px 5px;
    text-align: right;
    vertical-align: top;
    font-size: 11px;
}

.availability-checker-modal-calendar .modalCalendar .daysColumn span.noAvail
    {
    background-position: -5px -5px;
}

.availability-checker-modal-calendar .modalCalendar .daysColumn span.avail
    {
    background-position: -85px -5px;
}

.availability-checker-modal-calendar .modalCalendar .daysColumn span.selectedAvail
    {
    background-position: -85px -45px;
}

.availability-checker-modal-calendar .modalCalendar .daysColumn span.selectedNoAvail
    {
    background-position: -5px -45px;
}

.availability-checker-modal-calendar .modalCalendar .daysColumn span span
    {
    text-align: center;
    vertical-align: bottom;
    margin-left: -4px;
    margin-top: -4px;
    height: 22px;
    background: none;
}

.availability-checker-modal-calendar .modalCalendar .monthHeader span {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

#modalTmpContent .availability-checker-modal-calendar {
    min-height: 240px;
    width: 280px;
    float: left;
}

#modalTmpContent .availability-checker-modal-calendar span.loading-message,
    .availabilityCheckerForm .errorBlock.hidden {
    display: none;
}

#modalTmpContent .availability-checker-modal-calendar.is-loading span.loading-message
    {
    line-height: 240px;
    text-align: center;
    display: block;
}

#modalTmpContent .availability-checker-modal-resort-name {
    font-size: 24px;
    font-family: Avenir-light, Helvetica, Arial, sans-serif !important;
    font-weight: 100;
    margin-bottom: 15px;
    line-height: 28px;
}

#modalTmpContent .availability-checker-modal-room-name {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
    font-weight: bold;
}

#availabilityCheckerResultsPane .resultsHeader {
    font-family: Avenir-light, Helvetica, Arial, sans-serif !important;
    font-size: 20px;
    font-weight: 100;
    margin: 20px;
}

#availabilityCheckerResultsPane .resultsMessage {
    font-family: Avenir, Helvetica, Arial, sans-serif !important;
    font-size: 16px;
    margin: 30px;
    text-align: center;
}

#availabilityCheckerResultsPane .resortName {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
    font-size: 18px;
    margin: 0 0 10px 20px;
}

#availabilityCheckerResultsPane .resortLocation,
#availabilityCheckerResultsPane .roomTypes {
    font-size: 14px;
    margin: 0 0 10px 20px;
}

#availabilityCheckerResultsPane .roomTypes ul {
    margin: 5px 0 0 -5px;
}

#availabilityCheckerResultsPane .roomTypes ul li {
    line-height: 18px;
}

#availabilityCheckerResultsPane .roomTypes .availabilityTitle {
    font-weight: bold;
}

#availabilityCheckerResultsPane .resultDivider {
    height: 1px;
    width: 100%;
    background: transparent
        url('/media/dvc/pep_01/image-sprites/full-hr.png') no-repeat 0 0;
    margin: 35px 10px 25px;
}

#availabilityCheckerResultsPane .cta-link {
    float: right;
    margin: 16px 22px 0 0;
}

.availabilityCheckerForm.uiPlus .datePicker .ui-datepicker-trigger {
    position: absolute;
    right: -7px;
    top: 9px;
}

.availabilityCheckerForm .errorBlock {
    color: #FD6E3E;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 10px 10px;
    vertical-align: top;
    width: 800px;
}

.availability-checker-modal-calendar-legends-box {
    float: left;
    width: 185px;
    margin-left: 30px;
    margin-top: 60px;
    font-size: 12px;
}

.availability-checker-modal-calendar-legends-box .calendar-availability-legend-name {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    padding-left: 20px;
    background: transparent
        url('/media/dvc/pep_01/image-sprites/calendar-legend-sprites.png')
        no-repeat;
}

.availability-checker-modal-calendar-legends-box .calendar-availability-legend-name.available {
    background-position: -5px -6px;
}

.availability-checker-modal-calendar-legends-box .calendar-availability-legend-name.low-avail {
    background-position: -5px -33px;
}

.availability-checker-modal-calendar-legends-box .calendar-availability-legend-name.not-avail {
    background-position: -5px -60px;
}

.availability-checker-modal-calendar-legends-box .calendar-availability-legend-name.not-selected
    {
    background-position: -5px -84px;
}

.availability-checker-modal-calendar-legends-box .availability-checker-modal-calendar-seasons-legend {
    margin-top: 30px;
}

.availability-checker-modal-calendar-legends-box .availability-checker-modal-calendar-seasons-legend .calendar-seasons-legend-line {
    line-height: 20px;
}

.availability-checker-modal-calendar-legends-box .availability-checker-modal-calendar-seasons-legend .calendar-seasons-legend-title {
    font-weight: bold;
    display: inline-block;
    width: 22px;
}

.availability-checker-modal-calendar-legends-box .calendar-seasons-legend-title {
    font-size: 12px;
}

#ui-datepicker-div {
    background: #fff;
}

div.ui-datepicker .ui-datepicker-next, div.ui-datepicker .ui-datepicker-next:hover
    {
    float: right;
    line-height: 20px;
    position: relative !important;
    right: -8px;
    text-decoration: none;
    top: 2px;
    width: 10px;
}

div.ui-datepicker .ui-datepicker-prev, div.ui-datepicker .ui-datepicker-prev:hover
    {
    float: left;
    left: 2px;
    line-height: 20px;
    position: relative !important;
    text-decoration: none;
    top: 0;
    width: 10px;
}

div.ui-datepicker .ui-datepicker-prev.ui-state-disabled, div.ui-datepicker .ui-datepicker-prev.ui-state-disabled:hover
    {
    top: 4px;
}

div.ui-datepicker .ui-corner-all span.ui-icon-circle-triangle-e {
    background-position: 0 -192px;
    display: inline-block;
    height: 18px;
    width: 10px;
}

div.ui-datepicker .ui-corner-all span.ui-icon-circle-triangle-w {
    background-position: 0 -175px;
    display: inline-block;
    height: 18px;
    width: 10px;
}

div.ui-datepicker .ui-corner-all span.ui-icon-circle-triangle-w {
    background-position: 0 -173px;
    display: inline-block;
    height: 20px;
    width: 10px;
}

div.ui-datepicker .ui-datepicker-title, div.ui-datepicker thead th {
    text-align: center;
}

h1.paddedTitle {
    padding: 10px 20px 18px !important;
    font-family: Avenir-light, Helvetica, Arial, sans-serif !important;
    font-weight: 100;
    margin-bottom: 0 !important;
}

.availabilityCheckerForm hr {
    margin: 30px 0 30px -40px;
}

#availability-checker-calendar .horizontalSeparator {
    margin: 23px 20px 23px 0 !important;
}

.availability-checker-calendar-class .ui-dialog-titlebar {
    margin-bottom: 0 !important;
}

.availability-checker-calendar-class #ui-dialog-title-contents {
    margin-top: 30px !important;
}

.availability-checker-calendar-class #modalUIPlusButtonPane .modalUIPlusButtons
    {
    margin: 15px -16px 15px 0 !important;
}

.availability-checker-calendar-class #modalUIPlusButtonPane .horizontalSeparator
    {
    margin-top: 14px !important;
    margin-bottom: 3px !important;
}

.availability-checker-calendar-class #modalDialogDivContainer {
    padding-right: 0 !important;
    padding-left: 5px !important;
}

/* Availability Checker End */
/* Pricing Table */
table.pricing-table {
    width: 100%;
    background-color: white;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 1px 1px 2px 0.25px #ADADAD;
    -moz-box-shadow: 1px 1px 2px 0.25px #ADADAD;
    box-shadow: 1px 1px 2px 0.25px #ADADAD;
    padding: 5px 0;
    margin-top: 15px;
}

table.pricing-table th, table.pricing-table td {
    text-align: left;
}

table.pricing-table tr.center th
table.pricing-table tr.center td {
    text-align: center;
}

table.pricing-table tbody tr:first-child td {
    padding-top: 20px;
}

table.pricing-table tbody tr:last-child  td {
    padding-bottom: 20px;
}

table.pricing-table tbody tr:nth-child(2n) td, table.pricing-table tbody tr.even td {
    background: #fff;
}

table.pricing-table th {
    padding-top: 10px;
    padding-bottom: 10px;
}

table.pricing-table tr.headers th {
    padding-top: 5px;
    padding-bottom: 5px;
}

table.pricing-table tr.title th, table.pricing-table td {
    padding-top: 10px;
    padding-bottom: 10px;
}

table.pricing-table th:first-child, table.pricing-table td:first-child,
    table.pricing-table th:last-child, table.pricing-table td:last-child {
    padding-left: 35px;
}

table.pricing-table thead th {
    background-color: white;
    border-bottom: 1px solid #dedede;
    font-weight: bold;
    font-size: 14px;
}

table.pricing-table thead tr.title th {
    font-size: 16px;
}

table.pricing-table-full {
    width: 100%
}

table.pricing-table-large {
    width: 600px !important
}

table.pricing-table-small {
    width: 580px !important
}

/* Pricing Table End */
.country-tool-tip {
    top: -15px
}

/* Story Card FAQ Start */
.cms-widget-faq-collapsible-group .cms-widget-details-wrapper {
    display: block;
    float: left;
    font-size: 13px;
}

.cms-widget-story-faq .cms-widget-faq-details-wrapper>strong {
    font-size: 14px;
}

.cms-widget-story-faq .cms-widget-faq-details-wrapper>.detailed-description
    {
    padding-top: 20px;
}

.cms-widget-story-faq .cms-widget-faq-details-wrapper .cms-widget-faq-collapsible-group
    {
    padding: 0 !important;
}

.cms-widget-story-faq .cms-widget-faq-details-wrapper .cms-widget-faq-collapsible-group-switch-show,
    .cms-widget-story-faq .cms-widget-faq-details-wrapper .cms-widget-faq-collapsible-group-switch-hide
    {
    padding-bottom: 20px;
}

.cms-widget-story-faq .cms-widget-faq-collapsible-group .cms-widget-collapsible-group-content-space
    {
    height: 20px;
}

.cms-widget-faq-details-wrapper .cms-widget-faq-collapsible-group .cms-widget-collapsible-group-content
    {
    padding-top: 20px;
}

/* Story Card FAQ End */
.gray-labels {
    color: #768AA0;
}

.pads-tb-15 {
    padding: 15px 0;
}

.linkSpan {
    color: #1994d7;
    cursor: pointer;
    display: inline-block;
    margin-top: 29px;
}

.linkSpan:hover {
    text-decoration: none;
}

form#members_activation #dateOfBirthYear {
    width: 82px;
}

form#members_activation #dateOfBirthYear::-webkit-input-placeholder,
    form#members_activation #dateOfBirthYear:-ms-input-placeholder {
    color: #a9b1bb;
    font-style: italic
}

form#members_activation #dateOfBirthYear:-moz-placeholder, form#members_activation #dateOfBirthYear::-moz-placeholder
    {
    color: #a9b1bb;
    opacity: 1;
    font-style: italic;
}

#associateAccount .disneySites {
    margin: 40px 0 0;
}

#associateAccount .disneySites h4 {
    margin-bottom: 13px;
}

#associateAccount .dvui-reg-footer > h2, .dvui-reg-footer > .dvui-reg-footer-title {
    margin-top: -5px;
}

#associateAccount .dvui-fieldset-row > dl.formHandler, .dvui-fieldset-row > .formHandler {
    margin: 8px -3px 0 0;
}

#associateAccount .max-width-620 p {
    margin: 0 0 27px;
}

.disneySiteLogo {
    background: url('../images/disney_site_logo_sprites.png') no-repeat;
    text-indent: -9999px;
    display: inline-block;
    height: 27px;
    margin-right: 10px;
    background-size: 461px 27px;
}

.disney {
    background-position: 0 0;
    width: 60px;
}

.espn {
    background-position: -75px 0;
    width: 90px;
}

.abc {
    background-position: -172px 0;
    width: 25px;
}

.disneyLand {
    background-position: -215px 0;
    width: 90px;
}

.wdw {
    background-position: -321px 0;
    width: 140px;
}

.innerContentAdBanner {
    padding: 5px;
    margin: 0 auto 5px;
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    background-color: #fff;
    border-radius: 12px;
    clear: both;
    height: 128px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

a.adBannerLink, a.adBannerLink:link, a.adBannerLink:visited, a.adBannerLink:hover {
    color: #1994d7;
    text-decoration: none;
}

.promotionalAdBannerImage {
    position: absolute;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    z-index: 1;
    max-width: 930px !important;
}

.promotionalAdBannerContent {
    position: absolute;
    z-index: 2;
    color: #FFF;
    width: 100%;
}

.promotionalAdBannerIcon {
    width: 19%;
    float: left;
    text-align: center;
}

.promotionalAdBannerIcon img {
    height: 118px;
}

.promotionalAdBannerDescription {
    display: table;
    float: left;
    height: 98px;
    padding: 30px 0 0 20px;
    text-shadow: 2px 2px 1px rgba(0,0,0,.3);
    width: 81%;
}

.promotionalAdBannerInnerDescription {
    display: table-cell;
    vertical-align: middle;
}

.innerContentAdBanner h3 {
    font-weight: bold;
    padding: 0;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 3px;
    color: #FFF;
    -moz-box-shadow: 1px #000;
    -webkit-box-shadow: 1p #000;
    box-shadow: 1px #000;
}

.innerContentAdBanner p {
    font-size: 16px;
    line-height: 19px;
}

#dvcBannerMediaCarousel .bannerCarouselButton .carousel-control,
#dvcBannerMediaCarouselMobile .bannerCarouselButton .carousel-control {
    top: 50%;
    bottom: auto;
    left: 10px;
    margin-top: -9px;
    width: auto;
    background: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 100;
}

#dvcBannerMediaCarousel .bannerCarouselButton .carousel-control.right,
#dvcBannerMediaCarouselMobile .bannerCarouselButton .carousel-control.right {
    right: 10px;
    left: auto;
    background: none;
}

@media screen and (max-width: 767px) {
    .innerContentAdBanner {
        padding: 5px 5px 5px 5px;
        margin: 0 auto 5px;
    }

    .promotionalAdBannerIcon {
        width: 118;
        text-align: center;
    }

    .promotionalAdBannerIcon img {
        height: auto;
    }

    .promotionalAdBannerImage {
        position: relative;
    }

    .promotionalAdBannerContent {
        clear: both;
    }

    .promotionalAdBannerDescription {
        position: absolute;
        display: table;
        float: left;
        height: 98px;
        padding: 10px 0 0 5px;
        text-shadow: 2px 2px 1px rgba(0,0,0,.3);
        z-index:5;
    }

    .innerContentAdBanner h3 {
        font-weight: bold;
        padding: 0;
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 3px;
        color: #FFF;
        -moz-box-shadow: 1px #000;
        -webkit-box-shadow: 1p #000;
        box-shadow: 1px #000;
    }

    .innerContentAdBanner p {
        font-size: 12px;
        line-height: 13px;
    }

    #duesStatementModal.dvcss-modal .modal-xs-fullscreen .modal-footer,
    #duesStatementConfirmationModal.dvcss-modal .modal-xs-fullscreen .modal-footer {
        text-align: center;
    }

}

@media only screen and (max-width: 979px) {
	.promotionalAdBannerImage {
		height: 118px !important;
		width: 98.9%;
	}
}

@media only screen and (max-width: 824px) {
	.promotionalAdBannerIcon {
	    width: 16%;
	}
    .promotionalAdBannerDescription {
        width: 84%;
    }
    .promotionalAdBannerImage {
		width: 98.7%;
	}
}

/**************************************************
 * Global - old-global.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: TUAZR001 $
 * $Revision: #6 $
 * $Change: 1647659 $
 * $Date: 2016/11/09 $
 **************************************************/

#wrapper {
    padding: 70px 0 0;
}

.font-avenir {
    font-family: Avenir, Helvetica, Arial, sans-serif;
}

.font-avenir-roman {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

.font-avenir-light {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
}

.font-avenir-heavy {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.paddingTop5px {
    padding-top: 5px;
}

.paddingLeft5px {
    padding-left: 5px;
}

.paddingRight5px {
    padding-right: 5px;
}

.paddingBottom5px {
    padding-bottom: 5px;
}

.paddingTop10px {
    padding-top: 10px;
}

.paddingLeft10px {
    padding-left: 10px;
}

.paddingRight10px {
    padding-right: 10px;
}

.paddingBottom10px {
    padding-bottom: 10px;
}

.padding0px {
    padding: 0;
}

.margin0px {
    margin: 0;
}

.padding10px {
    padding: 10px;
}

.padding20px {
    padding: 20px;
}

.margin10px {
    margin: 10px;
}

.margin20px {
    margin: 20px;
}

.marginTop10px {
    margin-top: 10px;
}

.marginLeft10px {
    margin-left: 10px;
}

.marginRight10px {
    margin-right: 10px;
}

.marginBottom10px {
    margin-bottom: 10px;
}

.marginTop20px {
    margin-top: 20px;
}

.marginLeft20px {
    margin-left: 20px;
}

.marginRight20px {
    margin-right: 19px;
}

.marginBottom20px {
    margin-bottom: 19px;
}

.marginBottom40px {
    margin-bottom: 40px;
}

.clearBoth {
    clear: both;
}

.hideText {
    text-indent: -9999px;
}

.pepMdxIcon {
    font-family: pepmdx2!important;
    display: inline-block;
}

.mainWrapper {
    text-align: center;
    width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 0;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    /* DVCP-1092
     * Syndicated Page - Able to Swipe the Page to the Left
     * while the Nav Header Menu Side Bar is Open.
     */
    .mainWrapper {
        overflow-x: hidden;
    }

}

.row {
    margin: 0;
}

.inActiveGrey {
    color: #78899E;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    min-height: 0;
}

.hidden {
    display: none;
}

.avenirHeavytext {
    font-family: Avenir-heavy;
    color: #00233C;
    font-size: 12px;
}

.module-center {
    margin: 0 auto;
    width: 50%;
}

/**
 * Table Setter
 */
.tableSetterWrap {
    display: table;
    width: 100%;
}

.tableSetterWrap > div {
    display: table-row;
}

.tableSetterWrap .tableCell,
.tableSetterWrap > dt,
.tableSetterWrap > div > dt {
    display: table-cell;
}


/**
 * Header CSS
 */

#dolHeader {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

#dolHeader #goc {
    height: 40px;
}

.showDisney {
    position: relative;
    left: 0;
    font-size: 11px;
    cursor: pointer;
    color: #666;
    max-width: 940px;
    margin: 0 auto;
}

.leftTopHeaderContent {
    position: absolute;
    right: 0;
    top: 5px;
}

.topHeaderContent .accountContainer {
/*     display: inline-block;
    margin: -13px 12px 0 0;
    float: right;
    vertical-align: top; */

    position: absolute;
    right: 0;
    top: 6px;
}


#dvuiDolHeader.collapsing,
#dvuiDolHeader.collapse {
    -webkit-transition:height .5s ease;
    -o-transition:height .5s ease;
    transition:height .5s ease
}

.topHeaderContent .visitLink {
    position: relative;
    top: 4px;
}


.topHeaderContent .accountContainer {
    font-size: 10px;
    color: #0079BC;
}

.topHeaderContent .visitLink {
    color: #78899e;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 25px;
    vertical-align: middle;
}

.topHeaderContent .visitLink:hover {
    text-decoration: underline;
}

.topHeaderContent .visitLink:hover:focus {
    text-decoration: underline;
}

.topHeaderContent .visitLink:focus {
    /*text-decoration: none;*/
}

.topHeaderContent .visitLink .glyphicon {
    top: 0;

    color: #dfdfdf;
    font-size: 6px;
    font-weight: 100;
    vertical-align: middle;

    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;

    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.topHeaderContent .visitLink .collapsed-shown {
    display: none;
}

.topHeaderContent .visitLink.collapsed .collapsed-shown {
    display: inline;
}

.topHeaderContent .visitLink.collapsed .collapsed-hidden {
    display: none;
}

.topHeaderContent .accountContainer a, .topHeaderContent .accountContainer a:visited {
    border: 1px solid transparent;
    color: #0079BC;
    text-decoration: none;
    padding: 0;
    font-size: 10px;
    margin: 0;
}

.topHeaderContent .accountContainer a:hover, .topHeaderContent .accountContainer a:focus {
    color: #0079BC;
}

.topHeaderContent .accountContainer a:hover, .topHeaderContent .accountContainer a:focus {
    text-decoration: underline;
}

.topHeaderContent .accountContainer .signIn, .topHeaderContent .accountContainer {
    padding: 0 0 5px 5px;
}

.topHeaderContent .accountContainer > a,
.topHeaderContent .accountContainer > span {
    float: left;
}

.topHeaderContent .accountContainer > span {
    white-space: nowrap;
    vertical-align: middle;
}

.topHeaderContent .accountContainer > span > span{
    vertical-align: middle;
}

.topHeaderContent .searchBoxContainer {
    display: inline-block;
    position: relative;
    right: 0;

    margin-right: -5px;
    vertical-align: top;
}

.nav > li > a {
    padding-left: 13px;
    padding-right: 13px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Chrome */
    .topHeaderContent .searchBoxContainer {
        top: 0;
    }
}

.topHeaderContent .searchBoxContainer #globalSearchQueryid-base {
    height: 26px;
    margin: 0;
}

.topHeaderContent .searchBoxContainer .searchBar {
    height: 26px;
}
.topHeaderContent .searchBoxContainer .searchBar > div {
    background: #f9f9f9;
    height: 16px;
    margin: 4px 0 0 12px;
    padding: 4px 8px 2px 11px;
    width: 159px;
      -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
         -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.topHeaderContent .uiPlus .textInput input {
    border: 0 none;
    border-radius: 10px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
    color: #253B55;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    height: 22px;
    line-height: 13px;
    margin: 5px 0 0;
    padding: 1px 28px 0 11px;
    vertical-align: text-bottom;
}

.topHeaderContent .searchBoxContainer .searchBar > div > span.placeholder-text {
    color: #a1afc0;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    height: 16px;
    padding: 0;
    margin: 0;
    top: 1px;
}

.topHeaderContent .searchBoxContainer .searchBar > button {
    right: 0;
    position: relative;
    top: 9px;
}

.topHeaderContent .uiPlus .textInput.searchBox input,
.topHeaderContent .uiPlus .formInputElement.searchBox label,
.topHeaderContent .uiPlus .formInputElement.searchBox .inlineErrors,
.topHeaderContent .uiPlus .formInputElement.searchBox .textInputHint {
    width: 187px;
}

.topHeaderContent .uiPlus .textInput {
    top: -22px;
    color: #000;
}

.topHeaderContent .uiPlus .optional {
    margin: 0 0 0 5px;
}

.topHeaderContent .uiPlus .searchBox .search_button_pepMdx {
    color: #78899e;
    display: inline-block;
    font-size: 14px;
    height: 18px;
    position: absolute;
    right: 168px;
    top: 7px;
    width: 16px;
}

.uiPlus .searchBox .search_button_pepMdx:hover,
.uiPlus .searchBox .clear_button_pepMdx:hover {
    color: #0079BC;
}

.uiPlus .searchBox .clear_button_pepMdx:focus,
.uiPlus .searchBox .clear_button_pepMdx:active,
.uiPlus .searchBox .search_button_pepMdx:focus,
.uiPlus .searchBox .search_button_pepMdx:active {
    border: 1px dotted #000;
}

.topHeaderContent .uiPlus .searchBox input {
    padding-left: 20px;
    padding-right: 25px;
    font-size: 10px;
}

.topHeaderContent .uiPlus .searchBox input:focus {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
}

#globalSearchQuery::-webkit-input-placeholder { /* WebKit browsers */
    font-style:    normal;
    color: #78899e;
}

#globalSearchQuery:-ms-input-placeholder {
    color: #78899e;
}

#globalSearchQuery::-moz-placeholder {
    color: #78899e;
}

#globalSearchQuery:-moz-placeholder {
    color: #78899e;
}


.topHeaderContent .uiPlus .searchBox .clear_button_pepMdx {
    color: #78899e;
    font-size: 14px;
    height: 16px;
    left: 168px;
    position: absolute;
    top: 6px;
    width: 16px;
}

/*
 * Top Header List Crumbs
 *
 */

.topHeaderContent .accountContainer .list-inline {
    position: relative;
    top: -1px;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin: 0;
}

.topHeaderContent .accountContainer .list-inline .list-divider {
    color: #00233C;
    font-size: 12px;
    padding-right: 0;
    padding-left: 0;
    position: relative;
    top: -2px;
}

.topHeaderContent .accountContainer .list-inline > li {
    vertical-align: middle;
}

.topHeaderContent .accountContainer .list-inline > li > a,
.topHeaderContent .accountContainer .list-inline > li > span {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 10px;
    position: relative;
    top: -2px;
}

.topHeaderContent .accountContainer .list-inline > li > a:hover,
.topHeaderContent .accountContainer .list-inline > li > span:hover {
    text-decoration: underline;
}

.topHeaderContent .accountContainer .list-inline > li > span.signOut a {
    padding-left: 2px;
}

.topHeaderContent .searchBoxContainer {
    vertical-align: middle;
}

.leftTopHeaderContent > span {
    padding: 0 5px 0 0;
}

.leftTopHeaderContent > span a {
    padding: 0 5px;
}



/* to do: deprecated - remove */
.bottomHeaderContent .dvcLogo {
    position: relative;
    top: 6px;
    left: 2px;
    float: left;
    margin-right: 80px !important;
    margin-top: -3px;
}

/* to do: deprecated - remove */
.bottomHeaderContent .dvcEvoLogo > img  {
    height: 35px;
    position: relative;
    top: 3px;
    left: 0;
}

.dvcLogo {
    display: block;
    margin-right: 60px;
    padding-right: 15px;
}

.dvcLogoMobileVer {
    margin: 4px 0 0 -33px;
    display: inline-block;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcLogoMobileVer {
        margin-left: -2px;
    }

}



.innerContentBody .topHeaderContent .visitLink {
    top: 4px;
}

.panel {
    box-shadow: none;
}

.globalNavigation {
    position: absolute;
    top: 10px;
    left: 202px;
    /* right: 10px; @TODO: If making the Global Nav text link adjust */

    font-size: 12px;
    white-space: nowrap;
}

.globalNavigation > li {
    display: inline-block;
    float: none;

    list-style: none;
    vertical-align: top;
}

/* IE10+ */
_:-ms-lang(x), .globalNavigation > li {
    list-style-image: url(data:0);
    list-style-type: none;
}

.globalNavigation .selectBox .selectOption {
    padding-bottom: 10px;
}

.globalNavigation .selectBox {
    width: 100%;
}

.globalNavigation .dropdown > a {
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    /* padding: 5px 10px 0; @TODO: If making the Global Nav text link adjust */
}

.globalNavigation .dropdown > .dropdown-menu .dropdown-menu-body {
    display: table;
    width: 100%;
    white-space: nowrap;
}

.globalNavigation .dropdown > .dropdown-menu .dropdown-menu-body > * {
    white-space: normal;
}

.globalNavigation > li a {
    padding-top: 6px;
    padding-bottom: 4px;
}

.globalNavigation .lastPkLink li {
    margin-bottom: 17px;
}

.globalNavigation .blockImageMenu > li > a {
    text-decoration: none;
}

.navMenuBackground {
    background-color: #F3FDFF;
    min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.globalNavigation ul {
    list-style: none;
}

.globalNavigation h2 {
    font-size: 14px;
    font-family: Avenir;
    font-weight: 400;
    line-height: 20px;
    color: #00233C;
    font-family: inherit;
    font-weight: bold;
}

.globalNavigation .categoryTitle {
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 4px;
    margin-left: 19px;
}

.globalNavigation .categoryTitle.specialOfferTitle {
    font-size: 18px;
}

.globalNavigation p.specialOfferDescription {
    line-height: 18px;
}

.globalNavigation a.dropdown-toggle {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.globalNavigation a.dropdown-toggle:hover:focus {
    color: #0079BC;
}

.navMenuVerticalBorder {
    border-right: 1px solid #CCC;
    display: inline-block;
    height: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}

.navMenuHorizontalBorder {
    background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0), #dfdfdf 5%, #dfdfdf 95%, rgba(255, 255, 255, 0));
    margin: 0 20px 10px 20px;
}

.leftDropDownTopMargin {
    margin-top: 15px;
    margin-bottom: 20px;
    min-height: 100px;
}

.rightDropDownTopMargin {
    margin-top: 15px;
    margin-bottom: -3px;
}

.menuLinkList li a {
    display: block;

    color: #000;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 19px;
    white-space: nowrap;
}

.menuLinkList li a:focus,
.menuLinkList li a:hover {
    background: #0079BC;
    text-decoration: none;
    color: #FFF;
}

/** notification *
span.notificationCount {
    position: absolute;
    top: 54px;
    right:25px;
}
*/

.globalNavigation .blockImageMenu {
    margin: 3px 0 0;
}

.globalNavigation .blockImageMenu li {
    padding: 0 20px;
    clear: left;
    margin: 0;
}

.globalNavigation .blockImageMenu li a {
    color: #000;
    font-size: 12px;
    display: block;
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 225px;
    white-space: normal;
}

.globalNavigation .blockImageMenu li a:hover .textBlockImageLabel,
.globalNavigation .blockImageMenu li a:focus .textBlockImageLabel {
    text-decoration: none;
    color: #0079BC;
}

.globalNavigation .blockImageMenu li .glyphicon {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: 1px;
}

.globalNavigation .blockImageMenu a {
    margin: 0;
}

.globalNavigation .blockImageMenu li a .textBlockImage {
    margin: 0 0 2px;
}

.textBlockImage {
    display: table;
    margin: 0 0 23px;
}

.textBlockImage img {
    width: 45px;
    height: 45px;
}

.textBlockImage .dvcss-dt-cell,
.textBlockImage dt {
    display: table-cell;
    vertical-align: top;
}

.textBlockImage .textBlockImageLabel {
    font-weight: normal;
    margin: 0;
    padding: 0 18px 0 10px;
    color: #00233C;
    font-size: 12px;
    font-family: Avenir-roman;
    vertical-align: middle;
}

.pillLink:hover, .pillSubmit:hover {
    cursor: pointer;
}

/**
 * @TODO: This is just temporary box shadow
 * Box Shadow for menu drop down CSS
 */
.nav .headerNav.open,
.nav .gnbSubMenu.open {
    background: #FFF;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -1px 4px -1px rgba(100,100,100,0.5),
                0 0 4px 1px rgba(100,100,100,0.5);
    position: relative;
    /*behavior: url(/media/dvc_site/js/PIE.htc);*/
}

.nav .headerNav.open > a,
.nav .gnbSubMenu.open > a,
.nav .gnbSubMenu:hover > a,
.nav .gnbSubMenu:focus > a {
    background: #FFF;
    border-radius: 10px 10px 0 0;
    display: block;
    height: 34px;
    z-index: 2000;
    /*behavior: url(/media/dvc_site/js/PIE.htc);*/
}

.nav .headerNav.open > a:hover,
.nav .headerNav.open > a:focus,
.nav .gnbSubMenu.open > a:hover,
.nav .gnbSubMenu.open > a:focus {
    background: #FFF;
}

.nav .headerNav > .dropdown-menu,
.nav .gnbSubMenu > .dropdown-menu {
    border: 0;
    margin: 0;
    white-space: normal;
    -moz-box-shadow: 0 2px4px 1px rgba(100,100,100,0.5);
    -webkit-box-shadow: 0 2px 4px 1px rgba(100,100,100,0.5);
    box-shadow: 0 2px 4px 1px rgba(100,100,100,0.5);
}

.bottomHeaderContent > ul > li.open,
.bottomHeaderContent > ul > li:hover,
.bottomHeaderContent > ul > li:focus {
    background: #FFF;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -1px 4px -1px rgba(100,100,100,0.5), 0 0 4px 1px rgba(100,100,100,0.5);
    position: relative;
    z-index: 10;
}

.bottomHeaderContent > ul > li.open,
.bottomHeaderContent > ul > li:hover {
    z-index: 1003;
}

.bottomHeaderContent > ul > li.open > a,
.bottomHeaderContent > ul > li:hover > a,
.bottomHeaderContent > ul > li:focus > a {
    background: #FFF;
    border-radius: 10px 10px 0 0;
    height: 34px;
    z-index: 1002;
}

.bottomHeaderContent > ul > li.open > .dropdown-menu,
.bottomHeaderContent > ul > li:hover > .dropdown-menu,
.bottomHeaderContent > ul > li:focus > .dropdown-menu {
    display: block;
}

.bottomHeaderContent > ul > li:hover > .dropdown-menu,
.bottomHeaderContent > ul > li:focus > .dropdown-menu {
    z-index: 1000;
}

.bottomHeaderContent > ul > li:focus > .dropdown-menu {
    margin: 0;
}

.heightAuto {
    height: auto !important;
}

.boxShadowNone {
    box-shadow: none !important;
}

.headerNavigationLinkHeight {
    height: 34px;
}

.headerNavigationBoxShadow {
    box-shadow: 0 -1px 4px -1px rgba(100, 100, 100, 0.5), 0 0 1px 1px rgba(100, 100, 100, 0.5)
}

.nav .headerNav.open > .dropdown-menu,
.nav .gnbSubMenu.open > .dropdown-menu {
    margin: 0;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    background: none;
    color: #0079BC;
}

.globalNavigation .navbar-nav > li {
    padding: 0;
}

.leftSubmenu .dropMenuFrame {
    margin: 12px 0 0;
}

/*Keyboard Accessiblity*/
.bottomHeaderContent > a:focus span,
.globalNavigation li.exploreMembership > a:focus,
.globalNavigation li.findDestinations > a:focus,
.globalNavigation li.planVacations > a:focus,
.globalNavigation li.helpAndContact > a:focus,
.globalNavigation li.myMembership > a:focus {
    border: 1px dotted #000;
}

/**
 * @TODO: This is just temporary Set Width Only
 * Explore Membership CSS
 */
.navbar-nav > li.exploreMembership > .dropdown-menu {
    border-radius: 0 0 10px 10px;
}

.nav .exploreMembership.open > a,
.nav .exploreMembership.open > a:hover,
.nav .exploreMembership.open > a:focus,
.nav .exploreMembership.open > a:active {
    background: #FFF;
    border-radius: 10px 10px 0 0;
}

.exploreMembership > .dropdown-menu {
    width: auto; /* width: 423px; */
}

.exploreMembership .navMenuVerticalBorder {
    display: none;
    left: 47%;
}

.exploreMembership .leftSubmenu {
    display: table-cell;
    float: none;
    width: auto; /* width: 47%; */
    vertical-align: top;
}

.exploreMembership .rightSubmenu {
    display: table-cell;
    float: none;
    width: auto; /* width: 53%; */
    background-color: #F3FDFF;
    border-left: 1px solid #CCC;
    border-radius: 0 0 10px 0;
    vertical-align: top;
}

.exploreMembership .navMenuBackground {
    display: none;
    left: 47%;
    border-radius: 0 0 10px 0;
}
/* End of Explore Membership CSS  */

/**
 * @TODO: This is just temporary Set Width Only
 * Find Destinations CSS
 */
.navbar-nav > li.findDestinations > .dropdown-menu {
    border-radius: 0 0 10px 10px;
}

.findDestinations > .dropdown-menu {
    width: auto; /* width: 423px; */
}

.findDestinations .navMenuVerticalBorder {
    left: 45%;
    display: none;
}

.findDestinations .leftSubmenu {
    display: table-cell;
    float: none;
    height: auto;
    width: auto;
    vertical-align: top;
}

.findDestinations .rightSubmenu {
    display: table-cell;
    float: none;
    width: auto;
    background-color: #F3FDFF;
    border-left: 1px solid #CCC;
    border-radius: 0 0 10px 0;
    vertical-align: top;
}

.findDestinations .navMenuBackground {
    display: none;
    left: 45%;
    border-radius: 0 0 10px;
}

/* End of Visit Destinations CSS  */

/**
 * @TODO: This is just temporary Set Width Only
 * Plan Vacations CSS
 */
.navbar-nav > li.planVacations > .dropdown-menu {
    border-radius: 0 0 10px 10px;
}

.planVacations > .dropdown-menu {
   width: 445px;
}

.planVacations .menuLinkList li a {
    white-space: normal;
}

.planVacations .navMenuVerticalBorder {
    display: none;
    left: 50%;
}

.planVacations .leftSubmenu {
    display: table-cell;
    float: none;
    width: auto;
    vertical-align: top;
}

.planVacations .rightSubmenu {
    display: table-cell;
    float: none;
    width: auto; /* width: 50%; */
    background-color: #F3FDFF;
    border-left: 1px solid #CCC;
    border-radius: 0 0 10px 0;
    vertical-align: top;
}

.planVacations .navMenuBackground {
    display: none;
    left: 50%;
    border-radius: 0 0 10px;
}

.globalNavigation .planVacations .blockImageMenu li a {
    width: 197px;
}

.globalNavigation .planVacations .textBlockImage .textBlockImageLabel {
    padding: 0 32px 0 10px;
}

/* End of Plan Vacations CSS  */

/**
 * @TODO: This is just temporary Set Width Only
 * Help and Contact CSS
 */
.navbar-nav > li.helpAndContact > .dropdown-menu {
    border-radius: 0 0 10px 10px;
}

li.helpAndContact .leftDropDownTopMargin {
    margin-bottom: -8px;
}

.helpAndContact > .dropdown-menu {
    width: 240px;
}

.helpAndContact > .dropdown-menu.helpWidthSidebar {
    width: 440px;
}

.helpAndContact .navMenuVerticalBorder {
    left: 200px;
}

.helpAndContact .leftSubmenu {
    width: 200px;
    height: 100%;
}

.helpAndContact .rightSubmenu {
    width: 100%;
}

.helpAndContact #lpChatButton {
    background-color: #ebf6fc;
}

.helpAndContact #lpChatButton img {
    max-width: 240px;
    background-color: #ebf6fc;
}

.helpAndContact .menuLinkList {
    padding: 0 0 10px 0;
}

.helpAndContactLiveChat .pepMdxIcon  {
    font-size: 14px;
    margin-left: -3px;
    margin-right: 6px;
}

.helpAndContactLiveChat .helpAndContactLiveChatCastMember {
    margin-top: 0;
}

.helpAndContactLiveChat .helpAndContactLiveChatAvailable {
    margin-top: -4px;
}

/**
 * Chat Nav Link
 */
.helpAndContactLiveChat #lp-chat-nav-link {
    margin-top: -4px;
}

.helpAndContactLiveChat #lp-chat-nav-link i {
    font-size: 14px;
    margin-left: -3px;
    margin-right: 6px;
}

#helpAndContact-dropdown-menu .helpAndContactLiveChat p {
    background-color: #F3FDFF;
}

.helpAndContactLiveChat {
    border-top: 1px #CCC solid;
    position: relative;
    clear: both;
    padding: 22px 19px 17px 19px;
    border-radius: 0 0 10px 10px;
    font-size: 12px;
}

.helpAndContactLiveChat p {
    margin: 8px 0 0;
}

.helpAndContactLiveChat img {
    padding: 0 0 10px;
}

.helpAndContactLiveChat p.greyText {
    color: #a0a0a0;
    font-family: Avenir-roman;
    font-size: 11px;
    margin-top: 8px;
}

.helpAndContactLiveChat .navMenuBackground {
    left: 0;
    right: 0;
    border-radius: 0 0 10px 10px;
}
/* End of Help and Contact CSS  */

/**
 * @TODO: This is just temporary Set Width Only
 * My Membership CSS
 */
 #membership-wrapper .selectValue {
    width: 150px;
 }

.navbar-nav > li.myMembership > .dropdown-menu {
    border-radius: 0 0 10px 10px;
    /*behavior: url(/media/dvc_site/js/PIE.htc);*/
}

.myMembership .memberSignOutLockedIcon, .myMembership .memberSignInIcon {
    left: 0;
    top: -1px;
    vertical-align: middle;
    margin-right: 3px;
}

.myMembership #membership-wrapper .selectValue {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.myMembership > .dropdown-menu {
    width: auto /* width: 417px; */
}

.myMembership .navMenuVerticalBorder {
    display: none;
    left: 242px;
}

/* IE10+ */
_:-ms-lang(x), .myMembership .navMenuVerticalBorder {
    left: 242px;
}

.myMembership .leftSubmenu {
    display: table-cell;
    float: none;
    height: 100%;
    width: auto;
    min-width: 245px;
    background-color: #F3FDFF;
    border-right: 1px solid #CCC;
    border-radius: 0 0 0 10px;
    vertical-align: top;
}

.myMembership .rightSubmenu {
    width: auto;
    display: table-cell;
    vertical-align: top;
    float: none;
}

.myMembership .navMenuBackground {
    display: none;
    left: 0;
    margin: 0;
    width: 242px;
    border-radius: 0 0 0 10px;
}

.myMembership .signOutState {
    margin: -8px 20px 10px;
}

.myMembership .selectValue {
    max-width: 200px;
    left: 0;
    padding-left: 10px;
    width: 200px;
}
/* End of My Membership CSS  */

.signOutStateText,
.standardFontColor {
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}

.signOutStateText > a:hover,
.signOutStateText > a:focus {
    text-decoration: underline;
}

.signOutStateText > a:focus {
    outline: #0079BC dotted 1px;
}

.dropdown-menu-body .helpAndContactLiveChat a:focus {
    outline: #0079BC dotted 1px;
}

.dropdown-menu-body .singleMenuItem a:focus,
.dropdown-menu-body .singleMenuItem a:hover {
    text-decoration: underline;
}

.signInState {
    margin: 27px 20px 20px;
    white-space: nowrap;
}

.globalNavigation .signInState .formInputElement,
.globalNavigation .signInState #membershipid-base {
    display: block;
}

.signInState a,
.signInState .memberDetailsDisplay {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.signInState a {
    color: #00233C;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.signInState .memberDetailsDisplay {
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 1px;
}

.signInState ul > li.memberDetailsDisplay {
    padding-bottom: 4px;
}

.signInState ul > .memberDetailsDisplay > a {
    color: #0079BC;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.signInState ul > .memberDetailsDisplay > a:hover,
.signInState ul > .memberDetailsDisplay > a:focus {
    color: #0079BC;
}

.signInStateName {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    color: #00233C;
    font-size: 16px;
    line-height: 18px;
}

.signInState p {
    padding: 0;
    margin: 0;
    font-weight: normal;
}

.signInState .signInStateName,
.signInState .signOutStateText {
    padding: 0;
}

.signInState .signInStateName {
    padding-bottom: 3px;
}

.alertAndNotification {
    position: relative;
}

.alertAndNotification .notificationBox {
    color: #fff;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding: 3px 0 0;
    position: absolute;
    right: 0;
    text-align: center;
}

.dropmenuSignInSelect {
    width: 100%;
}
.signInState p.avenirHeavytext {
    margin: 20px 0 4px;
}

.signInState ul {
    color: #00233C;
    margin: 11px 0 21px 16px;
    list-style: disc;
}

.signInState ul a {
    font-weight: normal;
}
/* End of Header CSS */

.horizontalSeparator {
    width: 100%;
    margin: 0 auto;
    clear: both;
    background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0), #dfdfdf 5%, #dfdfdf 95%, rgba(255, 255, 255, 0));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #dfdfdf 13%, #dfdfdf 79%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/* For long story card */
.panel-body .storyCardWrapper .horizontalSeparator {
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), #dfdfdf 5%, #dfdfdf 95%, rgba(255, 255, 255, 0));
}

.customHorizontalSeparator {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-bottom: 1px solid #DFDFDF;
}

.row-centered {
    text-align: center;
}

/**
 * Mobile Sidebar Styles
 */
.sidebar-offcanvas {
    background: #FFF;
    width: 280px;
    height: 100%;
    min-height: 100%;
    display: none;
}

.row-offcanvas.active .sidebar-offcanvas {
    display: block;
}

.sidebar-offcanvas .list-group > ul {
    margin: 0;
    padding: 0 10px 0 0;
    list-style: none;
}

.sidebar-offcanvas > ul > li {
    margin: 0;
    padding: 0;
    padding: 10px 0;
}

.sidebar-offcanvas > ul > li > a {
    display: block;
}

.norgieClosed {
    font-size: 15px;
    color: #78899E;
}

.norgieOpened {
    font-size: 15px;
}

.mobileHeader {
    height: 60px;
    width: 100%;
    background-color: #FFF;
    display: none;
    padding: 8px 12px 0 10px;
    border-bottom: 1px #E2E7EC solid;
    text-align: center;
}

.mobileGlobeIcon,
.exploreIcon,
.dclDestinationsIcon,
.vacationPackagesIcon,
.helpAndSupportIcon,
.aboutMeIcon {
    position: relative;
    top: 2px;
    margin: 0 12px 0 8px;
}

.sidebarSearch {
    padding: 18px;
    height: 63px;
    background: #333;
}

.list-group.panel > .list-group-item {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border: 0;
    border-bottom: 1px #DFDFDF solid;
}

.list-group a {
    display: block;
    border: 0;
    border-bottom: 1px #DFDFDF solid;
    color: #00233C;
    font-size: 14px;
    font-family: Avenir;
    margin: 0 0 1px;
}

.list-group ul li div ul li > a {
    font-size: 14px;
    font-weight: 400;
    padding: 11px 0 10px 48px;
}

.list-group-submenu {
    margin-left: 20px;
}

a.list-group-item:hover,
a.list-group-item:focus {
    background: none;
    text-decoration: none;
    border-radius: 0;
    color: #00233C;
}

a.list-group-item {
    font-weight: 600;
    font-size: 15px;
    padding-left: 12px;
}

a.list-group-item dl {
    display: table;
}

a.list-group-item .dvcss-dt .dvcss-dt-cell,
a.list-group-item dl dt {
    display: table-cell;
    vertical-align: middle;
    padding-top: 4px;
    padding-bottom: 4px;
}

a.list-group-item.listNoGroupItem .dvcss-dt {
	display: block;
}

a.list-group-item dl dt .mobileSideBarIcon,
a.list-group-item .dvcss-dt .dvcss-dt-cell .mobileSideBarIcon {
    font-size: 25px;
    margin: 0 7px 0 5px;
    font-weight: normal; /* update */
}

.list-group-item{
    padding: 5px 15px; /* update */
}

a.list-group-item .dvcss-dt .dvcss-dt-cell .exploreIcon,
a.list-group-item dl dt .exploreIcon {
    top: 1px;
}

a.list-group-item .dvcss-dt .dvcss-dt-cell .dclDestinationsIcon,
a.list-group-item dl dt .dclDestinationsIcon {
    top: 0;
}

a.list-group-item .dvcss-dt .dvcss-dt-cell .vacationPackagesIcon,
a.list-group-item dl dt .vacationPackagesIcon {
    top: 0;
}

a.list-group-item .dvcss-dt .dvcss-dt-cell .aboutMeIcon,
a.list-group-item dl dt .aboutMeIcon {
    top: 0;
}

a.listNoGroupItem .dvcss-dt .dvcss-dt-cell .mobileSideBarIcon,
a.listNoGroupItem dl dt .mobileSideBarIcon {
    margin: 5px 7px 6px 6px;
}

a.listNoGroupItem .dvcss-dt .dvcss-dt-cell .mobileGlobeIcon,
a.listNoGroupItem dl dt .mobileGlobeIcon {
    margin: 0 11px 0 10px;
    top: 0;
}

a.listNoGroupItem {
    padding-left: 30px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.mobileSidebarSingleLink a.listNoGroupItem {
    padding-top: 0;
    padding-bottom: 0;
}

.mobileSidebarSingleLink a.listNoGroupItem .inActiveGrey {
    margin: 0 0 0 10px;
}

.mobileSidebarSingleLink a.listNoGroupItem .dvcss-dt .dvcss-dt-cell,
.mobileSidebarSingleLink a.listNoGroupItem dl dt {
    padding: 0;
    line-height: 1.42857143;
}

a.list-group-item.openedGroupLink {
    background: #0079BC;
    color: #FFF;
    text-decoration: none;
    border-radius: 0;
}

.list-group ul li div.headerSideBarLinks {
    margin: 15px 0 20px;
}

.list-group ul li div.headerSideBarLinks ul li {
    border: 0;
    color: #00233C;
    margin: 5px 0 0 12px;
    padding: 10px 15px 10px 11px;
    background: #F3FDFF;
}

.list-group ul li div.headerSideBarLinks ul li:first-child {
    margin-top: 0;
}

.list-group ul li div.headerSideBarLinks ul li a {
    border: 0;
    color: #0079BC;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 0;
}

.list-group ul li div.headerSideBarLinks ul li > a.inlinePhone {
    display: inline;
    padding-left: 0;
}

.row-offcanvas > div {
    padding: 0;
}

.list-group {
    text-align: left;
}

.list-group ul {
    margin: 0;
    list-style: none;
}

.fairyGodMotherIcon {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
}

.singleMenuItem {
    text-align: center;
    margin: 17px 20px 20px;
}

.singleMenuItem img {
    margin: 20px 0 10px 0;
    max-width: 100%;
}

#partialLandingMarketing .partialLandingMarketingRule {
    padding: 0 45px;
}


/*
|-----------------------------------------------------------------------------------------------
| Global Footer
|-----------------------------------------------------------------------------------------------
|
*/

#footer {
    background: none;
    text-align: center;
}

#footer.partialGlobalFooter .partialGlobalFooterContactInfo .partialGlobalFooterContactInfoRule {
    padding: 0 45px;
}

#footer.partialGlobalFooter .partialGlobalFooterContactInfo .partialGlobalFooterContactInfoRule .horizontalSeparator:first-child {
    margin-bottom: 26px!important;
}

#disclaimer-container {
    margin: 20px auto 0 auto;
    max-width: 940px;
    color: #00233C;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

#disclaimer-container .innerPageFooter {
    padding: 26px 0 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #disclaimer-container {
        margin: 21px auto 0;
        padding: 0;
        width: auto;
    }

    #disclaimer-container .innerPageFooter {
        margin: 0 10px;
        padding: 0;
        background: #fff;
        border-radius: 5px;
        box-shadow: none;
    }

}

/********** Show More Links **********/

#footer.partialGlobalFooter .mobileShowLinks {
    display: none;
}

#footer.partialGlobalFooter .footerLinks {
    margin: 0;
    padding: 5px 25px 0;
    list-style: none;
    overflow: visible;
}

#disclaimer-container a,
#disclaimer-container a:link,
#disclaimer-container a:visited {
    color: #0079BC;
    text-decoration: none;
    font-family:Avenir,Helvetica,Arial,sans-serif;
}

#disclaimer-container a:hover,
#disclaimer-container a:focus {
    text-decoration: underline;
}

#disclaimer-container a:hover,
#disclaimer-container a:focus {
    color: #0079BC;
}

#disclaimer-container .footerLinks .column {
    display: block;
    float: left;
    margin: 0;
    padding: 0 15px;
    width: 25%;
    line-height: 16px;
    list-style: none;
}

#disclaimer-container .footerLinks .linksGroup {
    margin: 19px 0 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

#disclaimer-container .footerLinks .linksGroup > li {
    display: block;
    margin: 0 0 6px;
    padding: 0;
    line-height: 16px;
    list-style: none;
}

#disclaimer-container .footerLinks .linksGroupTitle {
    display: block;
    margin: 0 0 1px;
}

#disclaimer-container .footerLinks .groupCategoryTitle {
    padding: 0;
    border: 0 none;
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
    vertical-align: bottom;
}

#disclaimer-container .footerLinks .linksGroupItem a {
    display: block;
    font-size: 12px;
    line-height: 16px;
}

#disclaimer-container .footerLinks .linksGroupItem a,
#disclaimer-container .footerLinks .linksGroupItem a:hover,
#disclaimer-container .footerLinks .linksGroupItem a:focus,
#disclaimer-container .footerLinks .linksGroupItem a:visited {
    color: inherit;
    text-decoration: none;
}

#disclaimer-container .footerLinks .linksGroupItem a:hover,
#disclaimer-container .footerLinks .linksGroupItem a:focus {
    color: #0079BC;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #footer.partialGlobalFooter .mobileShowLinks {
        display: block;
        margin: 0;
        padding: 0;
        clear: both;
    }

    #footer.partialGlobalFooter .mobileShowLinks > a {
        display: block;
        padding: 14px 0 11px 15px;
        border-top: 1px #DFDFDF solid;
        border-bottom: 1px #DFDFDF solid;
        border-radius: 0;
        color: #00233C;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        text-align: left;
    }

    #footer.partialGlobalFooter .mobileShowLinks > a.collapsed {
        border-top: 1px #DFDFDF solid;
        border-bottom: 0;
    }

    #footer.partialGlobalFooter .mobileShowLinks a,
    #footer.partialGlobalFooter .mobileShowLinks a:link,
    #footer.partialGlobalFooter .mobileShowLinks a:visited {
        color: #0079BC;
    }

    #footer.partialGlobalFooter .mobileShowLinks a.collapsed,
    #footer.partialGlobalFooter .mobileShowLinks a.collapsed:link,
    #footer.partialGlobalFooter .mobileShowLinks a.collapsed:visited {
        color: #00233C;
    }

    #footer.partialGlobalFooter .mobileShowLinks a .caret {
        position: relative;
        top: 1px;
        margin-left: -1px;
        margin-right: 7px;
        height: 15px;
        width: 15px;
        border-bottom: 0;
        border-top: 9px solid;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        color: #0079BC;
    }

    #footer.partialGlobalFooter .mobileShowLinks a.collapsed .caret {
        top: -2px;
        margin-left: 2px;
        margin-right: 4px;
        border-right: 0;
        border-left: 9px solid;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        color: #00233C;
    }

    #footer.partialGlobalFooter .mobileShowLinks > a:hover,
    #footer.partialGlobalFooter .mobileShowLinks > a:focus {
        text-decoration: none;
    }

    #footer.partialGlobalFooter .footerLinks {
        margin: 0 5px;
        margin-left: 0;
        margin-right: 0;
        padding: 0 0 21px 0;
        list-style: none;
        overflow: visible;
    }

    #disclaimer-container .footerLinks .column {
        float: none;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    #disclaimer-container .footerLinks .linksGroup {
        margin: 0;
        padding: 18px 15px 0;
    }

    #disclaimer-container .footerLinks .linksGroupTitle {
        margin-bottom: 0;
        padding: 0 0 7px;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

    #disclaimer-container .footerLinks .linksGroupItem a,
    #disclaimer-container .footerLinks .linksGroupItem a:link,
    #disclaimer-container .footerLinks .linksGroupItem a:visited {
        color: #0079BC;
    }

}

/* Desktop query */
@media screen and (min-width: 768px) {

    #footer.partialGlobalFooter .footerLinks {
        display: block !important;
    }

}

/*----------------------------------------
 * Footer CSS
 *----------------------------------------*/

#main_footer {
    background: #fff;
    border-radius: 12px;
    padding: 26px 0 19px;
    margin-top: 20px;
    text-align: center;
    margin: 20px auto 0;
    max-width: 940px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

#main_footer .msgTitle {
    font-family: Avenir;
    color: #00233C;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 6px;
    line-height: 22px;
    text-decoration: none;
}

#main_footer .msgTitle a[href^="tel"] {
    color: #0079BC;
}

#disclaimer-container.cms-widget-footer {
    text-align: left;
}

#disclaimer-container.rounded_wrap {
    padding: 20px 0 0;
}

#disclaimer-container .notice{
    background: none;
    border: none;
}

#disclaimer-container .fair-housing-icon {
    background: url("https://dvc.disney.go.com/media/dvc/members-msi/images/msi-sprites.png") no-repeat scroll -192px -1265px rgba(0, 0, 0, 0);
    float: left;
    height: 55px;
    padding-bottom: 5px;
    width: 60px;
}

#disclaimer-container .noDisclaimer .fair-housing-icon {
    float: right;
    margin-right: 35px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #disclaimer-container .msgTitle a[href^="tel:"]:link,
    #disclaimer-container .msgTitle a[href^="tel:"]:visited {
        color: #0079BC;
        text-decoration: none;
        font-family: Avenir, Helvetica, Arial, sans-serif;
    }

    #disclaimer-container .msgTitle a[href^="tel:"]:hover {
        color: #0079BC;
        text-decoration: underline;
        font-family: Avenir, Helvetica, Arial, sans-serif;
    }

    .storyCardWrapper h3 {
        margin-bottom: 21px;
    }

}

#disclaimer-container .subSection {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#disclaimer-container .socialMediaAndNoticeContainer {
    background-color: #F3FDFF;
    border-radius: 0 0 10px 10px;
    border: 1px #EBEBEB solid;
    border-top: 1px solid #D9D9D9;
    margin: 20px 0 0;
    padding: 25px 25px 18px;
    width: 100%;
    behavior: url(/media/dvc_site/js/PIE.htc);
}

#disclaimer-container .socialMediaCol {
    text-align: left;
}

#disclaimer-container .socialMediaCol h4 {
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 13px;
    letter-spacing: 0.2px;
}

#disclaimer-container .socialMediaCol .socialMediaTitle {
    margin: 0 0 8px;
    padding: 15px 0 0;
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #disclaimer-container .socialMediaCol .socialMediaTitle {
        padding: 0;
    }

    #disclaimer-container .socialContent:before,
    #disclaimer-container .socialContent:after {
        display: table;
        content: " ";
    }

    #disclaimer-container .socialContent:after {
        clear: both;
    }

    #footerSocialContent img.footerSocialMediaThumb {
        margin-bottom: -7px;
    }


    #footerSocialContent:before,
    #footerSocialContent:after {
        display: table;
        content: " ";
    }

    #footerSocialContent:after {
        clear: both;
    }

}

#disclaimer-container .socialContent {
    margin: 0 0 5px;
}

#disclaimer-container .socialMediaAndNoticeContainer img.footerSocialMediaThumb {
    float: left;
}

#disclaimer-container .socialMediaAndNoticeContainer a,
#disclaimer-container .socialMediaAndNoticeContainer a:link,
#disclaimer-container .socialMediaAndNoticeContainer a:visited,
#disclaimer-container .timeShareDisclaimer a,
#disclaimer-container .timeShareDisclaimer a:link,
#disclaimer-container .timeShareDisclaimer a:visited {
    color: #0079BC;
}

#disclaimer-container .socialContent a:hover,
#disclaimer-container .socialContent a:focus {
    color: #0079BC;
    text-decoration: none;
}

#disclaimer-container .socialMediaAndNoticeContainer .footerSocialMediaText:hover{
    text-decoration: underline;
}

#disclaimer-container .socialMediaAndNoticeContainer .footerSocialMediaThumb,
#disclaimer-container .socialMediaAndNoticeContainer .footerSocialMediaText {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
}

#disclaimer-container .socialMediaAndNoticeContainer .stayConnected a.footerSocialMediaText {
    color: #0079BC;
}

#disclaimer-container .socialMediaAndNoticeContainer a.footerSocialMediaText {
    padding-left: 4px;
}

#disclaimer-container .socialMediaAndNoticeContainer .socialContentImageSingle {
    padding-right: 10px;
}

#disclaimer-container .socialMediaAndNoticeContainer .socialContentSingle a,
#disclaimer-container .socialMediaAndNoticeContainer .socialContentSingle a:hover {
    color: #0079BC;
}

/* desktop */
@media screen and (min-width: 768px) {
    #disclaimer-container .socialMediaAndNoticeContainer .stayConnected a.footerSocialMediaText {
        display: none;
    }
    #disclaimer-container .socialMediaAndNoticeContainer .socialContent.stayConnected {
        float: left;
        padding-right: 10px;
    }
}

/* mobile */
@media screen and (max-width: 767px) {
    #disclaimer-container .socialMediaAndNoticeContainer .stayConnected a.footerSocialMediaText {
        margin-top: 3px;
    }
    #disclaimer-container .socialMediaAndNoticeContainer .stayConnected .footerSocialMediaText {
        vertical-align: top;
    }
}

#disclaimer-container .socialMediaAndNoticeContainer .footerSocialMediaThumb {
    border: none;
}

#disclaimer-container .socialMediaAndNoticeContainer .footerSocialMediaText {
    padding-left: 7px;
}

#disclaimer-container .socialMediaAndNoticeContainer #footerSocialContent dd {
    margin: 0 0 -2px 60px;
}

#disclaimer-container .socialMediaAndNoticeContainer #footerSocialContent #footerSocialContentIcon {
    position: relative;
    top: 0;
    left: 0;
}

#disclaimer-container .subSection p.sectionIntro {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0;
}

#disclaimer-container p,
#main_footer p {
    line-height: 20px;
    color: #00233C;
    font-size: 12px;
    margin: 0 0 6px 0;
}

#disclaimer-container .subSection > li {
    display: inline-block;
    list-style: none outside none;
    vertical-align: top;
}

#disclaimer-container .footerLinks  .column .linksGroup a:hover,
#disclaimer-container .footerLinks  .column .linksGroup a:focus {
    text-decoration: underline;
}

#disclaimer-container li.notice {
    color: #00233C;
    width: 50%;
    float: right;
    background: none;
    border: 0 none;
}

#disclaimer-container li.notice.noDisclaimer {
    float: right;
}

#disclaimer-container li.notice .disclaimer {
    display: inline-block;
    width: 100%;
}

#disclaimer-container li.notice .disclaimer-text {
    float: left;
    margin: -5px 0 0 15px;
    width: 370px;
}

#disclaimer-container li.notice .disclaimer-links {
    display: inline-block;
    float: right;
    margin-right: 15px;
    padding-top: 10px;
}

#disclaimer-container .horizontal-sep {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAnsAAAABCAIAAAApcP9OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExQjM5Q0EzRENGNTBCMzEzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNzhFNjE3QUU4NkExMUUxODE5RUVCRDA1MUE5MzA3NCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNzhFNjE3OUU4NkExMUUxODE5RUVCRDA1MUE5MzA3NCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDk5ODBEMzkxRjIwNjgxMTg4QzY4Q0Y2RDU1MTM5RTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMUIzOUNBM0RDRjUwQjMxMzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6A6SCdAAAAPUlEQVR42uyLMQ4AIBDC5P+PxsThBi9RMI50ahMAybEo6dk3uij5cBHzLKKHEEJwAaD7Vb6ndXFl88opwADkN2L/uswyygAAAABJRU5ErkJggg==) no-repeat bottom;
    height: 5px;
    width: 100%;
    padding-bottom: 5px;
}

#disclaimer-container .horizontalSeparator {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #DFDFDF 5%, #DFDFDF 95%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    display: block;
    filter: none;
    height: 1px;
    position: relative;
    width: 100%;
    margin: 20px 0 ;
}

.innerFooterWrap #disclaimer-container .horizontalSeparator {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #DFDFDF 5%, #DFDFDF 95%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.innerFooterWrap #disclaimer-container .innerPageFooter .horizontalSeparator {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #DFDFDF 5%, #DFDFDF 95%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.footerLastWrapper {
    margin: 0;
}

.footerLastWrapper,
.footerLastWrapper p {
    text-align: left;
    font-size: 12px;
}

.footerLastWrapper a,
.footerLastWrapper a:link,
.footerLastWrapper a:visited,
.footerLastWrapper a:hover,
.footerLastWrapper a:focus {
    text-decoration: none;
    color: #00233C;
}

#disclaimer-container .equalHousingLogo {
    text-align: center;
    margin: 0 0 15px;
}

#disclaimer-container .equalHousingLogo img {
    margin: 0 auto;
}

#main_footer .detailedFooterDescription {
    margin: 0;
    color: #78899E;
}

#disclaimer-container #footer_dol {
    padding: 25px 0 10px 0;
}

#partialLandingContent #disclaimer-container #footer_dol {
    padding-top: 0;
    margin-top: -5px;
}

#disclaimer-container #footer_dol a {
    padding: 0 2px;
}

#disclaimer-container .gde_footerCopyText {
    padding: 0 0 20px 0;
}

#disclaimer-container #footerSocialContent a,
#disclaimer-container #footerSocialContent a:link,
#disclaimer-container #footerSocialContent a:visited,
#disclaimer-container #footerSocialContent a:focus,
#disclaimer-container #footerSocialContent a:hover {
    color: #0079BC;
}

#footer_dol {
    background: none;
}

#disclaimer-container .socialMediaAndNoticeContainer a:hover,
#disclaimer-container .socialMediaAndNoticeContainer a:focus {
    text-decoration: underline;
}

/*----------------------------------------
 * Footer - Site Map Links
 *----------------------------------------*/

.dvcGlobalFooter .dvcGlobalFooterSiteMapLinks {
    margin: 0;
    padding: 5px 25px 0;
}

.dvcGlobalFooter .dvcGlobalFooterSiteMapLinks .dvcSiteMapLinksCol {
    line-height: 16px;
}

.dvcGlobalFooter .dvcGlobalFooterSiteMapLinks .dvcSiteMapLinksList {
    margin: 0;
    padding: 19px 0 0;
    list-style: none;
}

.dvcGlobalFooter .dvcGlobalFooterSiteMapLinks .dvcSiteMapLinksList .dvcSiteMapLinksListItem {
    margin-bottom: 6px;
}

.dvcGlobalFooter .dvcGlobalFooterSiteMapLinks .dvcSiteMapLinksList .dvcSiteMapLinksListItemTitle {
    padding-bottom: 1px;
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
}

.dvcGlobalFooter .dvcGlobalFooterSiteMapLinks .dvcSiteMapLinksList .dvcSiteMapLinksListItem a,
.dvcGlobalFooter #disclaimer-container .dvcGlobalFooterSiteMapLinks .dvcSiteMapLinksList .dvcSiteMapLinksListItem a {
    color: #00233C;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.dvcGlobalFooter .dvcGlobalFooterSiteMapLinks .dvcSiteMapLinksList .dvcSiteMapLinksListItem a:hover,
.dvcGlobalFooter .dvcGlobalFooterSiteMapLinks .dvcSiteMapLinksList .dvcSiteMapLinksListItem a:focus,
.dvcGlobalFooter #disclaimer-container .dvcGlobalFooterSiteMapLinks .dvcSiteMapLinksList .dvcSiteMapLinksListItem a:hover,
.dvcGlobalFooter #disclaimer-container .dvcGlobalFooterSiteMapLinks .dvcSiteMapLinksList .dvcSiteMapLinksListItem a:focus {
    color: #0079BC;
}


/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalFooter .dvcGlobalFooterSiteMapLinks {
        margin: 0;
        padding: 0 0 21px;
        border-left: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
    }

    .dvcGlobalFooter .dvcGlobalFooterSiteMapLinks .dvcSiteMapLinksCol {
        padding-left: 15px;
        padding-right: 15px;
    }

    .dvcGlobalFooter .dvcGlobalFooterSiteMapLinks .dvcSiteMapLinksList {
        margin: 0;
        padding: 18px 0 0;
    }

    .dvcGlobalFooter .dvcGlobalFooterSiteMapLinks .dvcSiteMapLinksList .dvcSiteMapLinksListItemTitle {
        padding-bottom: 7px;
        color: #00233C;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

    .dvcGlobalFooter .dvcGlobalFooterSiteMapLinks .dvcSiteMapLinksList .dvcSiteMapLinksListItem a,
    .dvcGlobalFooter #disclaimer-container .dvcGlobalFooterSiteMapLinks .dvcSiteMapLinksList .dvcSiteMapLinksListItem a {
        color: #0079BC;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
    }

}

.single_body_wrap {
    padding: 0;
}

.nextButton a {
    outline: none;
}

.mobileBurgerBtn {
    font-size: 25px;
    font-weight: bold;
    color: #00233C;
}

.uiPlus .hasErrors.formInputElement label.required.uiTooltipRequired:after {
    color: #ff4605;
    content: "";
}

.uiPlus .inlineErrors {
    position: static;
    margin-left: 10px;
    font-weight: normal;
}

.uiPlus .inlineErrors.margin-top-60 {
    margin-top: 60px;
}

.uiPlus .jsvfElement > label {
    display: inline-block;
}

div.jsvfError label.required:after {
    color: #ff6633;
    content: "*";
}

div.jsvfError label.required.uiTooltipRequired:after {
    color: #ff6633;
    content: "";
}

label > span.accessibleAltText {
   width: 5px;
}

.registrationFrame .selectBox {
    display: block;
}

/* Style inline error list below server side message */
#associateAccount #error-listing-container ul {
    list-style-type: disc;
}

#associateAccount #error-listing-container ul li,
#error-listing-container ul li {
    color: #ff4605;
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
    margin-bottom: 0;
    position: static;
}

/* Nav tabs */
.nav-tabs {
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9f9f9 0%, #f9f9f9 23%, #eaf1f8 63%, #eaf1f8 73%, #e1e8f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(23%,#f9f9f9), color-stop(63%,#eaf1f8), color-stop(73%,#eaf1f8), color-stop(100%,#e1e8f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f9f9f9 23%,#eaf1f8 63%,#eaf1f8 73%,#e1e8f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f9f9f9 0%,#f9f9f9 23%,#eaf1f8 63%,#eaf1f8 73%,#e1e8f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f9f9f9 0%,#f9f9f9 23%,#eaf1f8 63%,#eaf1f8 73%,#e1e8f1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f9f9f9 0%,#f9f9f9 23%,#eaf1f8 63%,#eaf1f8 73%,#e1e8f1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e1e8f1',GradientType=0 ); /* IE6-9 */
    border-top: 1px solid #f4f5f6;
    margin-right: 0;
}

.navigate-tabs{
    margin-bottom: 20px;
}

.navigate-tabs > li > a {
    padding: 14px 50px;
    font-family: Avenir-heavy;
    border-radius: 0;
    color: #00233C;
    margin-right: 0;
    border-top: none;
    border-right: 1px solid #f5f8fb;
    border-left: 0;
    font-size: 14px;
}

.navigate-tabs > li > a:hover,
.navigate-tabs > li > a:focus {
    color: #0079BC;
    background-color: transparent;
    border-top: 0;
    border-right: 1px solid #f5f8fb;
    border-left: 0;
}

.navigate-tabs > li > a:focus {
    box-shadow: 0 0 4px 1px #1d96d7;
}

.navigate-tabs > li.active > a {
    color: #00233C;
    background-color: #FFF;
    border-top: 0;
    border-right: 1px solid #f5f8fb;
    border-left: 0;
}

.navigate-tabs > li.active > a:hover,
.navigate-tabs > li.active > a:focus {
    background-color: #fff;
    color: #0079BC;
    cursor: pointer;
    border-top: 0;
    border-right: 1px solid #f5f8fb;
    border-left: 0;
}

.navigate-tabs > li{
    border-right: 1px solid #d0d9e3;
}

/** Media Player **/

.cms-widget-media-banner img {
    width: 100%;
}

/*
 * FORM ELEMENT CSS
 */
.formInputElement label {
    font-family: Avenir-heavy;
    font-size: 12px;
    font-weight: 600;
}

.formInputElement .select-value,
.formInputElement .inputElement,
.formInputElement .selectOption {
    font-family: Avenir-roman;
    font-size: 14px;
    font-weight: 400;
}
/* END of FORM ELEMENT */

.breadCrumbs > a > span.pepMdxIcon.pepMdxHome {
    display: inline-block;
}
.breadCrumbs > a > span.pepMdxIcon{
    display: none;
}

.breadCrumbs > span.pepMdxIcon{
    color: #53a0bb;
}

.breadCrumbs > span.pepMdxIcon:first-child{
    color: #FFF;
}

.disclaimerText {
    color: #78899e;
    font-family: Avenir-roman;
    font-size: 12px;
    line-height: 18px;
    padding: 0 20px 0 10px;
}

.special-offers-page-members-logged-in .disclaimerText {
    padding-left: 0;
    padding-right: 0;
}

.special-offers-page-members-logged-in .storyCardWrapper + .horizontalSeparator.hidden-xs {
    display: block!important;
}

.disclaimerText .horizontalSeparator {
    margin: 8px 0 20px;
}

div.disclaimerText {
    margin: 0 0 1.5em;
}

div.disclaimerText ul {
    margin-left: 15px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    div.disclaimerText ul {
        margin-left: 15px;
    }

    .special-offers-page-members-logged-in .inner-content-col-right {
        padding-left: 0;
        padding-right: 0;
    }

    .special-offers-page-members-logged-in .inner-content-col-right .horizontalSeparator.hidden-xs {
        display: block!important;
    }

}

div.browserWarning {
    background: #FFF;
    padding: 20px;
}

.outdateBrowser div.browserWarning {
    display: none;
    background: #FFF;
    padding: 33px 0 27px;
}

.browseWarningContent {
    max-width: 913px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

.browseWarningContent h3{
    display: inline-block;
    color: #ff4605;
    font-size: 16px;
    margin-top: 5px;
    vertical-align: top;
    font-weight: bold;
}

.crisisNotice .browseWarningContent h3 {
    color: #00233C;
    margin-bottom: 0;
    margin-top: 7px;
}

.crisisNotice > div.browserWarning{
    display: block;
}

.browseWarningContent .error_icon{
    height: 30px;
}

.crisisNotice .browseWarningContent .error_icon{
    height: 25px;
    margin-right: 5px;
}

.crisisNotice .browseWarningContent .error_content{
    padding-left: 35px;
}

.browseWarningContent p,
.browseWarningContent a {
    line-height: 18px;
    font-size: 14px;
}

.browseWarningContent p {
    max-width: 615px;
    margin-bottom: 8px;
}

#browserClose{
    position: absolute;
    right: 0;
    top: 5px;
}

#browserClose .hidden-xs{
    display: inline-block;
    line-height: 20px;
    padding-top: 4px;
    vertical-align: top;
}

.error_content{
    padding-left: 27px;
}

#browserClose .pepMdxIcon{
    color: #78899E;
    font-size: 20px;
}

.outdatedBrowser {
    border-bottom: 1px solid #CCC;
}

.outdatedBrowser .error_icon{
    position: absolute;
    top: 0;
}

.outdatedBrowser h3.err-msg{
    margin-left: 27px;
}

/* Search Box Category Result */
.searchForm .ui-autocomplete-category {
    border-bottom: 1px solid #e0e2e5;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0 5px 9px;
    text-align: left;
    width: 100%;
}

/* Search Box Suggested Search Result */
.searchForm .ui-menu-item .ui-corner-all {
    padding: 3px 0 2px 7px;
    text-align: left;
    width: 100%;
}

span.pageMore div:empty{
    height: 13px;
}

a.collapseStory{
    margin-top: 7px;
    display: block;
}

/* Desktop query */
@media screen and (min-width: 768px) {

    @-ms-viewport{
        width: auto;
    }

    .pull-left {
        display: none;
    }

    .col-centered {
        float:none;
        display:inline-block;
        text-align: left;
    }

    .promoTileContainer {
        margin: 0;
    }

    .promoTileBriefDescription {
        width: 155px;
    }

    .promoTileBriefDescription span {
        white-space: nowrap;
    }

    .mobileSearchContainer {
        display: none;
    }

    #disclaimer-container .timeshare-disclaimer-section {
        color: #00233C;
        text-align: center;
        font-size: 12px;
        margin: 10px 0 23px 0;
    }

    #disclaimer-container .socialContent,
    #disclaimer-container #footer_dol,
    #disclaimer-container #footer_dol a,
    #disclaimer-container .timeshare-disclaimer-section a {
        color: #00233C;
        font-size: 12px;
    }

    .innerFooterWrap #disclaimer-container .timeShareDisclaimer,
    .innerFooterWrap #disclaimer-container .timeShareDisclaimer p {
        text-align: center;
    }

    .gde_footerCopyText {
        color: #00233C;
    }

    #footer .footerLastWrapper, #footer .timeshare-disclaimer-section {
        margin-left: 4px;
        margin-right: 4px;
    }
}


/* Desktop query */
@media screen and (min-width: 768px) {

    #partialGlobalFooterCollapsibleContainer.collapse {
        display: block!important;
        height: auto!important;
        margin-top: -16px;
    }

}

/* Mobile query */
@media screen and (max-width: 767px) {

    #mainWrapper  {
        overflow-x: hidden;
    }

    .mobileHeader {
        display: block;
    }

    .horizontalBar {
        display: none;
    }

    .pull-left {
        display: block;
    }

    .sidebar-offcanvas {
        padding: 0;
    }

    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
           -moz-transition: all .25s ease-out;
                transition: all .25s ease-out;
    }

    .row-offcanvas-left {
        left: 0;
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -280px; /* 6 columns */
    }

    .row-offcanvas-left.active {
        left: 280px; /* 6 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
    }

    #dvuiDolHeader,
    #dolHeader {
        display: none;
    }

    .promosLink {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .promos {
        margin: 0;
        text-align: left;
    }

    .promos .row-centered {
        display: block;
        text-align: left;
    }

    .promoTileImage {
        width: 60px;
        height: 60px;
        margin: 7px;
    }

    .promoTileBriefDescription {
        color: #00233C;
        font-size: 14px;
        font-weight: normal;
        line-height: 19px;
        font-weight: 400;
        padding: 0 0 0 7px;
        width: 145px;
    }

    .promoTileBriefDescription > span.pepMdxIcon {
        display: none;
    }

    .promoTileLink {
        padding: 0;
        display: block;
        width: 100%;
        border-bottom: #DFDFDF 1px solid;
    }

    .promoTileLink:hover,
    .promoTileLink:focus {
        text-decoration: none;
    }

    .promoTileLink:hover .promoImageHolder,
    .promoTileLink:focus .promoImageHolder {
        background-image: none;
        height: 0;
    }

    .promoImageHolder {
        width: 45px;
        height: 45px;
        background: none;
    }

    .promoTileContainer {
        width: 100%;
    }

    .promoTileContainer {
        display: table;
        margin: 0;
        padding: 1px 0 0;
        font-weight: normal;
        margin: 0;
    }

    .promoTileContainer dt {
        display: table-cell;
        vertical-align: middle;
    }

    .mobilePromoTileArrowWrap {
        text-align: right;
    }

    .mobileSearchContainer {
        display: none;
        background: #FFF;
        height: 40px;
        text-align: left;
        /*position: absolute;*/
        position: relative;
        padding: 3px 10px 7px;
        width: 100%;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 4px 5px -2px rgba(170, 170, 170, 1);
          -webkit-box-shadow: 0 4px 5px -2px rgba(170, 170, 170, 1);
             -moz-box-shadow: 0 4px 5px -2px rgba(170, 170, 170, 1);
        z-index: 10;
    }

    .mobileSearchContainer .inActiveGrey {
        left: 3px;
        position: relative;
        top: -19px;
    }

    .mobilePromoTileRightArrow {
        font-size: 16px;
        font-weight: normal;
        color: #00233C;
        display: inline-block;
        margin-right: 5px;
    }

    .uiPlus .textInput.searchBox input {
        width: 100%;
        font-size: 12px;
        padding: 0 20px;
        height: 26px;
    }

    .uiPlus .searchBox .search_button_pepMdx:hover,
    .uiPlus .searchBox .clear_button_pepMdx:hover {
        color: #0079BC;
    }

    .uiPlus .searchBox .search_button_pepMdx {
        color: #78899e;
        display: inline-block;
        font-size: 14px;
        left: 2px;
        position: absolute;
        text-indent: 0;
        top: 9px;
    }

    .uiPlus .searchBox .clear_button_pepMdx {
        color: #78899e;
        display: inline-block;
        font-size: 14px;
        right: 2px;
        position: absolute;
        text-indent: 0;
        top: 9px;
    }

    .promoTileImage {
        margin-left: 12px;
        margin-right: 0;
    }

    /* Search Box Category Result for Mobile */
    .searchForm .ui-autocomplete-category {
        border-bottom: 1px solid #e0e2e5;
        font-size: 13px;
        font-weight: bold;
        padding: 5px 0 5px 9px;
        text-align: left;
        width: 100%;
    }

    /* Search Box Suggested Search Result */
    .searchForm .ui-menu-item .ui-corner-all {
        padding: 3px 0 2px 7px;
        text-align: left;
        width: 100%;
        line-height: 18px;
    }

    .searchForm li.autoSuggestion,
    .searchForm li.autoSuggestion a span {
        line-height: 18px;
    }

    #disclaimer-container > h4 {
        font-family: Avenir;
        color: #00233C;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin: 0 10px;
    }

    #disclaimer-container p {
        line-height: 16px;
        color: #78899E;
        font-size: 12px;
        font-weight: 400;
    }

    .footerDisclaimer {
        margin: 6px 0 0;
    }

    .footerDisclaimer h4 {
        font-family: Avenir;
        font-size: 14px;
        font-weight: 400;
        margin: 0;
        line-height: 18px;
    }

    #disclaimer-container .socialMediaAndNoticeContainer {
        border-radius: 0 0 5px 5px;
        margin: 0 5px;
        border: 1px #DFDFDF solid;
        padding: 25px 10px 13px;
        width: auto;
    }

    #disclaimer-container .innerPageFooter h4 {
        padding: 15px 0 0;
    }

    #disclaimer-container .innerPageFooter .socialMediaAndNoticeContainer {
        margin-left: 0;
        margin-right: 0;
    }

    .mobileShowLinksClosed,
    .mobileShowLinksOpen {
        display: inline-block;
        position: relative;
    }

    .mobileShowLinksClosed,
    .mobileShowLinksOpen {
        /*top: -4px;*/
        left: 0;
        margin: 0 6px 0 0;
    }

    #disclaimer-container .detailedFooterDescription {
        margin: 0 10px 19px;
    }

    #disclaimer-container .socialMediaCol {
        margin: 0 0 5px;
        padding: 0 0 0 7px;
    }

    #disclaimer-container .socialMediaCol h4 {
        margin: 0 0 8px;
    }

    #disclaimer-container .footerLastWrapper {
        margin: 22px 0 0;
        color: #00233C;
    }

    #disclaimer-container .footerLastWrapper p {
        color: #00233C;
    }

    #disclaimer-container .timeShareDisclaimer {
        float: left;
        margin: -49px 0 5px 45px;
    }

    #disclaimer-container .contentDisclaimer {
        text-align: left;
        padding-top: 20px;
    }

    #disclaimer-container .contentDisclaimer p {
        font-size: 12px;
        font-family: Avenir;
        color: #00233C;
        margin: 0 0 6px 46px;
        line-height: 18px;
    }

    #disclaimer-container .contentDisclaimer p:first-of-type {
        font-weight: 600;
        line-height: 16px;
        margin-top: -4px;
    }

    #disclaimer-container .contentDisclaimer .equalHousingLogo {
        text-align: center;
        margin-top: 0;
    }

    #disclaimer-container .equalHousingLogo {
        text-align: center;
        margin: 20px 0;
    }

    #disclaimer-container .timeShareDisclaimer p:first-child {
        font-weight: 600;
        font-size: 12px;
        font-family: Avenir;
        color: #00233C;
    }

    #disclaimer-container .timeShareDisclaimer a,
    #disclaimer-container .timeShareDisclaimer a:link,
    #disclaimer-container .timeShareDisclaimer a:visited {
        color: #00233C;
    }

    #disclaimer-container .timeshare-disclaimer-section {
        clear: both;
        margin: 0 0 0 45px;
    }

    #disclaimer-container .equalHousingLogo {
        float: left;
    }

    #disclaimer-container .equalHousingLogo img {
        width: 27px;
    }

    #disclaimer-container .horizontalBarMobile {
        display: block;
        margin: 17px 0;
    }

    #disclaimer-container #footer_dol,
    #partialLandingContent #disclaimer-container #footer_dol {
        padding: 24px 30px 10px;
    }

    #disclaimer-container .innerPageFooter {
        padding: 0;
        background: #FFF;
        box-shadow: none;
        border-radius: 5px;
        margin: 0 10px;
    }

    .dvcss-container #disclaimer-container .innerPageFooter {
        margin-left: 0;
        margin-right: 0;
    }

    .carouselWrapper .me-theme-homepage .mediaEngineContainer .slideTitle a,
    .carouselWrapper .slideTitle a {
        font-family: Avenir;
        font-weight: 600;
        color: #00233C;
        font-size: 12px;
        word-wrap: break-word;
    }

    .carouselWrapper .me-theme-homepage .mediaEngineContainer .slideTitle {
        background-color: rgba(255, 255, 255, 0.7);
        top: 0 !important; /* @TODO: As the plug-in set an inline CSS for positioning */
        padding: 9px 10px;
    }

    .loginStateMobile {
        background-color: #0079BC;
        text-align: left;
        padding: 10px 18px;
        box-shadow: -7px 0 16px -3px #003648 inset;
        /* box-shadow: -10px 0 16px -5px #959595 inset; */
    }

    .loginStateMobile > div {
        color: #FFF;
        font-size: 12px;
        padding: 0;
    }

    .loginStateMobile div > a {
        color: #FFF;
        text-decoration: underline;
    }

    .loginStateMobile .selectBox,
    .loginStateMobile .select-toggle > span.select-value {
        width: 215px;
    }

    .loginStateMobile .select-toggle > span.select-value {
        left: 9px;
    }

    #disclaimer-container .horizontalSeparator {
        background: none;
        border-bottom: 1px #DFDFDF solid;
        clear: both;
        display: block;
        filter: none;
        height: 1px;
        position: relative;
        width: 100%;
    }

    .innerFooterWrap #disclaimer-container .timeshare-disclaimer-section,
    .innerFooterWrap #disclaimer-container #footer_dol,
    .innerFooterWrap #disclaimer-container .gde_footerCopyText,
    .innerFooterWrap #disclaimer-container #footer_dol a,
    .innerFooterWrap #disclaimer-container #footer_dol a:link,
    .innerFooterWrap #disclaimer-container #footer_dol a:visited,
    .innerFooterWrap #disclaimer-container .timeshare-disclaimer-section a,
    .innerFooterWrap #disclaimer-container .timeshare-disclaimer-section a:link,
    .innerFooterWrap #disclaimer-container .timeshare-disclaimer-section a:visited {
        color: #00233C;
    }

    .innerFooterWrap #disclaimer-container .timeshare-disclaimer-section {
        text-align: left;
    }

    .browseWarningContent h3{
        font-size: 14px;
        margin-top: 7px
    }

    .browseWarningContent p,
    .browseWarningContent a {
        line-height: 16px;
        font-size: 12px;
    }

   .crisisNotice div.browserWarning{
        padding-left: 20px;
        padding-right: 20px;
    }

    .crisisNotice{
        margin-top: 0;
    }

    #browserClose{
        top: -5px;
        margin-top: 0;
    }

    #browserClose{
        top: -5px;
    }

    .outdatedBrowser div.browserWarning {
        background: #FFF;
        padding: 10px 10px 20px 20px;
    }

    .outdatedBrowser .browseWarningContent p {
        margin-bottom: 5px;
    }

    #browserClose{
        top: -5px;
    }

    /** notification **/
    #sidebar li.notificationMenu {
        position: relative;
    }
    #sidebar li.notificationMenu a {
        position: relative;
    }
    #sidebar li.notificationMenu span {
        display: block;
        text-align: center;
        color: #fff;
        position: absolute;
        margin-top: 0;
        right: 8px;
        top: 10px;
    }

    ul.inlineErrors li{
        line-height: 21px;
    }

    ul#whatKindError{
        margin-top: 20px;
    }

    .list-group ul li div.headerSideBarLinks {
        border-bottom: 1px #DFDFDF solid;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #headerNavMenu li .dvcss-dt,
    #headerNavMenu li dl {
        white-space: nowrap;
    }

    #membership-wrapper .richSelectArrowIcon {
        right: 10px !important;
    }

    .row-offcanvas-left .sidebar-offcanvas {
        box-shadow: -7px -5px 16px -3px #757575 inset;
    }

    .sidebar-offcanvas .list-group-item:last-child {
        background: none;
    }

    .sidebar-offcanvas a.list-group-item .list-group-item {
        background: none;
    }

    .sidebar-offcanvas a.list-group-item.openedGroupLink {
        background: #0079BC;
    }

    #footer.partialGlobalFooter .partialGlobalFooterContactInfo .partialGlobalFooterContactInfoRule {
        padding: 0 20px 20px;
    }

    /* homepage */
    .body-height-auto #footer.partialGlobalFooter .partialGlobalFooterContactInfo .partialGlobalFooterContactInfoRule {
        padding: 0 0 20px;
    }

    .body-height-auto #disclaimer-container .equalHousingLogo {
        text-align: center;
        margin: 4px 0 0 15px;
    }

    .body-height-auto #disclaimer-container .timeShareDisclaimer {
        float: left;
        margin: -30px 0 5px 61px;
    }

    .body-height-auto #disclaimer-container .timeshare-disclaimer-section {
        margin: 0 0 0 61px;
    }

    .singleDisclaimer {
        float: left;
        padding-bottom: 20px;
        margin-top: -49px!important;
    }

    .body-height-auto .singleDisclaimer {
        margin-top: -32px!important;
    }
}

@media screen and (max-width: 320px) {
    .carouselWrapper .me-theme-homepage .mediaEngineContainer .slideTitle a,
    .carouselWrapper .slideTitle a {
        width: 300px;
        word-wrap: break-word;
    }
}

.me-theme-homepage .mediaEngineContainer .slide img {
    min-width: 0!important;
    max-width: none!important;
    width: 100%!important;
    height: auto;
    margin-top: 0!important;
}

.mediaEngineContainer .videoPlayPauseButton {
    outline: none;
}

#headerNavMenu .list-group-item .inActiveGrey {
    margin-left: 7px;
}


/*!
 * Social Media Share Modal (Mobile)
 *==================================================
 *
 */



/***** @end Social Media Share Modal (Mobile) *****/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
    border: 0;
}

input[type='number'] {
    -moz-appearance:textfield;
    border: 0;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #homePageMediaPlayer .me-theme-homepage .mediaEngineContainer.brown .nextButton a,
    #homePageMediaPlayer .me-theme-homepage .mediaEngineContainer.touch.brown .nextButton:hover a {
        background: url("/media/dvc_site/images/mediaplayer-sprite.png") no-repeat scroll 0 -169px rgba(0, 0, 0, 0);
    }

    #homePageMediaPlayer .mediaEngineContainer .previousButton a,
    #homePageMediaPlayer .mediaEngineContainer.touch .previousButton:focus a,
    #homePageMediaPlayer .mediaEngineContainer.touch .previousButton:hover a {
        background: url("/media/dvc_site/images/mediaplayer-sprite.png") no-repeat scroll -94px -145px rgba(0, 0, 0, 0);
    }

    #homePageMediaPlayer .mediaEngineContainer .previousButton:focus a,
    #homePageMediaPlayer .mediaEngineContainer .previousButton:hover a {
        background: url("/media/dvc_site/images/mediaplayer-sprite.png") no-repeat scroll -116px -145px rgba(0, 0, 0, 0);
    }

    #homePageMediaPlayer .mediaEngineContainer .previousButton.disabled a,
    #homePageMediaPlayer .mediaEngineContainer.touch .previousButton.disabled:hover a {
        background: url("/media/dvc_site/images/mediaplayer-sprite.png") no-repeat scroll -72px -145px rgba(0, 0, 0, 0);
        cursor: default;
    }

    #homePageMediaPlayer .mediaEngineContainer .nextButton a,
    #homePageMediaPlayer .mediaEngineContainer.touch .nextButton:hover a {
        background: url("/media/dvc_site/images/mediaplayer-sprite.png") no-repeat scroll -94px -176px rgba(0, 0, 0, 0);
    }

    #homePageMediaPlayer .mediaEngineContainer .nextButton:hover a {
        background: url("/media/dvc_site/images/mediaplayer-sprite.png") no-repeat scroll -116px -176px rgba(0, 0, 0, 0);
    }

    #homePageMediaPlayer .mediaEngineContainer .nextButton.disabled a,
    #homePageMediaPlayer .mediaEngineContainer.touch .nextButton.disabled:hover a {
        background: url("/media/dvc_site/images/mediaplayer-sprite.png") no-repeat scroll -72px -176px rgba(0, 0, 0, 0);
        cursor: default;
    }

    #homePageMediaPlayer .mediaEngineContainer .previousButton a,
    #homePageMediaPlayer .mediaEngineContainer .nextButton a {
        clear: both;
        display: block;
        height: 28px;
        text-indent: -9999px;
        width: 18px;
    }

    #homePageMediaPlayer .mediaEngineContainer .nextButton a {
        margin: 27px 0 0 27px;
    }

    #homePageMediaPlayer .mediaEngineContainer .previousButton a {
        margin: 27px 0 0 10px;
    }

    #homePageMediaPlayer .mediaEngineContainer.touch .previousButton a,
    #homePageMediaPlayer .mediaEngineContainer.touch .nextButton a {
        opacity: 0;
        filter: alpha(opacity=0);

        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    #homePageMediaPlayer .mediaEngineContainer.touch.touched .previousButton a,
    #homePageMediaPlayer .mediaEngineContainer.touch.touched .nextButton a {
        opacity: 1.0;
        filter: alpha(opacity=100);
    }

   /* form adjustments */


   .richSelectArrowIcon {
        margin-top: 6px;
   }

   .uiPlus .textInput input {
        padding: 10px 6px 10px;
   }

   .financingCalcFormWrap .uiPlus .formInputElement {
        margin-right: 0;
   }

   span.pageMore div:empty {
        height: 5px;
   }

   ul.inlineErrors.inlineErrorMargin20px {
        margin-top: -20px;
   }

   ul.inlineErrors.inlineErrorMargin40px {
        margin-top: -40px;
   }

   .meMobile .iphone .mediaEngineContainer.singleMedia.playIndicator .videoPlayer video {
        left: 0 !important;
   }

   .meMobile .iphone .mediaEngineContainer .largePlayPauseButton.playing {
        opacity: 0 !important;
   }

    .innerContentMedia .meMobile .meCloseButton {
        padding: 29px !important;
    }

    #main_footer {
        border-radius: 5px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .dvcss-container #main_footer {
        margin-left: 0;
        margin-right: 0;
    }

    #main_footer .msgTitle {
        padding: 0 10px;
    }

}



/*!
 * System Timeout
 * ========================================
 *
 */

#modalTmpContent {
    padding-top: 20px;
}

#timeoutWarningContent .media-body {
    padding-left: 30px;
}

/* Desktop query */
@media screen and (min-width: 768px) {

    #modalPaddingLayer {
        height: auto!important;
    }

}

/* Mobile query */
@media screen and (max-width: 767px) {

    /* System Timeout */
    .pep-modal-open,
    .pep-modal-open body {
        overflow: hidden!important;
    }

    #modalPaddingLayer > div.ui-dialog {
        top: 0 !important;
        left: 0 !important;
        right:0 !important;
        bottom: 0 !important;
        width: auto !important;
        border-radius: 0 !important;
        position: fixed;
    }

    #modalPaddingLayer {
        height: 100% !important;
    }

    #modalDialogDivContainer,
    #modalTmpContent {
        height: 100% !important;
    }

    #modalPaddingLayer #modalDialogDivContainer {
        padding: 0 !important;
    }

    #modalTmpContent {
        position: relative;
        padding: 0 !important;
        padding: 10px;
    }

    #timeoutWarningContent .modalUIPlusButtonPane {
        background: #fff;
        position: relative;
        bottom: 0;
        padding-bottom: 20px;
        width: 100%;
    }

    #timeoutWarningContent {
        height: 100%;
        padding: 20px 20px 0;
    }

    #timeoutWarningContent .modalUIPlusButtonPane .modalUIPlusButtons{
        float: none !important;
        text-align: right;
    }

    #timeoutWarningContent .dvui-pull-left {
        float: none;
        margin-bottom: 21px;
    }

    #timeoutWarningContent .media {
        min-height: 100% !important;
        padding-bottom: 90px;
        margin-bottom: -90px;
    }

    #timeoutWarningContent .media-body {
        padding-left: 0;
        overflow: auto;
        text-align: center;
    }

   #timeoutWarningContent .media-body .content p {
        line-height: 20px;
   }

   #timeoutWarningContent .media-body h1 {
        margin-bottom: 11px;
   }

   .modalUIPlusButtons span.warningCancelBtn {
        display: inline-block;
   }

   #timeoutWarningContent .modalUIPlusButtonPane p {
        margin-bottom: 14px;
   }

}

.verticalAlign5px {
    vertical-align: 5px;
}

.inline {
    display: inline;
}

/* add validation layout for confirm*/
.confirmHasErrors > label.required,
.confirmHasErrors > label.required:after {
    color: #ff4605;
    content: "*";
}

.confirmHasErrors input[type="text"]{
    box-shadow: 0 1px 4px 0 #ff4605;
}

#homePageMediaPlayer .mediaEngineContainer .previousButton a,
#homePageMediaPlayer .mediaEngineContainer .nextButton a {
    -webkit-tap-highlight-color: rgba(0,0,0,0.1) !important;
}

.me-theme-homepage .mediaEngineContainer .previousButton:focus a,
.me-theme-homepage .mediaEngineContainer .previousButton:focus a,
.me-theme-homepage .mediaEngineContainer .previousButton a:focus,
.me-theme-homepage .mediaEngineContainer .previousButton a:active {
    background-position: -60px -4px;
    opacity: 1;
}

.me-theme-homepage .mediaEngineContainer .nextButton:focus a,
.me-theme-homepage .mediaEngineContainer .nextButton:active a,
.me-theme-homepage .mediaEngineContainer .nextButton a:focus,
.me-theme-homepage .mediaEngineContainer .nextButton a:active {
    background-position: -58px -83px;
    opacity: 1;
}

.me-theme-homepage .mediaEngineContainer.dark .previousButton:focus a,
.me-theme-homepage .mediaEngineContainer.dark .previousButton:active a,
.me-theme-homepage .mediaEngineContainer.dark .previousButton a:focus,
.me-theme-homepage .mediaEngineContainer.dark .previousButton a:active {
    background-position: -60px -321px;
    opacity: 1;
}

.me-theme-homepage .mediaEngineContainer.dark .nextButton:focus a,
.me-theme-homepage .mediaEngineContainer.dark .nextButton:active a,
.me-theme-homepage .mediaEngineContainer.dark .nextButton a:focus,
.me-theme-homepage .mediaEngineContainer.dark .nextButton a:active {
    background-position: -58px -400px;
    opacity: 1;
}

/* TEMPORARY STYLES: TO BE ORGANIZED SOON (c/o Randell)
 * =================== */
 #associateAccount .linkContainer a {
    color: #00233C !important;
    font-family: Avenir;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
 }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    input#dateOfBirthYear {
        color: #768AA0;
        font-style: italic;
    }
}

.pseudoHide {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

.forgot-password-link {
    display: inline-block;
    left: -110px;
    position: relative;
    top: -34px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #associateAccount .dvui-fieldset-row-last .forgot-password-link {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        margin-top: 15px;
        text-align: right;
    }

    .storyCardBlock .pepMdxIcon {
        font-size: 40px;
    }

    .dvui-fieldset ul.inlineErrors {
        margin-top: 6px;
    }

    ul.inlineErrors.inline35px {
        margin-top: -20px;
    }

    ul.inlineErrors.inline20px {
        margin-top: -20px;
    }

    #countryWrap .inlineErrors,
    #nameWrap .inlineErrors,
    #addressWrap .inlineErrors,
    #about-me-primary-phone .inlineErrors{
        margin-top: 6px;
    }

    #partialTourRequest .inlineErrors {
        margin-top: 0;
    }

    #requestTourName .inlineErrors {
        margin-top: -10px;
    }

    .browseWarningContent .error_icon {
        background-position: -42px -87px;
        width: 16px;
        height: 15px !important;
        margin-right: 7px;
    }

    .crisisNotice .browseWarningContent .error_content {
        padding-left: 25px;
    }

}

.openMediaEngineButton {
    font-size: 50px;
    color: #FFF;
}

.openMediaEngineButton:focus,
.openMediaEngineButton:hover,
.media-player-button .pepMdxIcon:focus,
.media-player-button .pepMdxIcon:hover {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    text-decoration: none !important;
    color: #1994d7;
    cursor: pointer;
    border-color: #1994d7;
    border-top-color: rgb(25, 148, 215);
    border-right-color: rgb(25, 148, 215);
    border-bottom-color: rgb(25, 148, 215);
    border-left-color: rgb(25, 148, 215);
}

.openMediaEngineButton:focus,
.media-player-button .pepMdxIcon:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-color: #0079BC;
    outline-offset: -2px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    .openMediaEngineButton {
        font-size: 40px;
    }

    .media-player-button a {
/*         height: 39px !important;
        width: 40px !important;
        text-indent: -5px !important; */
    }
}


/* .media-player-button .pepMdxIcon {
    position: relative;
    left: -9px;

    background: rgba(0,0,0,0.45);
    color: #FFF;
    line-height: 1;
    text-decoration: none !important;
}

.storyCardImageHolder .openMediaEngineButton,
.videoChapterWrapper  .pepMdxIcon{
    font-size: 35px;
    position: relative;
    left: -4px!important;
    width: 37px;
    display: inline-block !important;
    border-radius: 6px;
    text-indent: -3px;
    height: 36px;
}

@-moz-document url-prefix() {
    .storyCardImageHolder .openMediaEngineButton,
    .videoChapterWrapper  .pepMdxIcon {
        left: -5px!important;
        top: 1px;
    }
}
_:-ms-lang(x), .storyCardImageHolder .openMediaEngineButton {
    left: -5px!important;
    top: 1px;
}

_:-ms-lang(x), .videoChapterWrapper  .pepMdxIcon {
    left: -5px!important;
    top: 1px;
}

*/



/*
 * Link Span
 *==================================================
 *
 */

.linkSpan {
    color: #0079BC;
    cursor: pointer;
    display: inline-block;
    margin-top: 32px;
}

.linkSpan:hover {
    text-decoration: none;
}





/*
 * SHARE LINKS (TO BE DEPRECATED)
 *==================================================
 * deprecated
 */

.shareAlinkWrap:before,
.shareAlinkWrap:after {
  display: table;
  content: " ";
}

.shareAlinkWrap:after {
  clear: both;
}

.shareAlinkWrap {
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 21px;
    margin-bottom: 21px;
}

.shareAlinkWrap:hover,
.shareAlinkWrap:focus {
    color: #0079BC;
}

.shareAlinkWrap .linkSpan {
    margin-top: 0;
}

.shareAlinkWrap span.pepMdxIcon {
    position: relative;
    top: 0;
    float: left;

    font-size: 26px;
    line-height: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

.shareButton {
    display: block;
}

.shareAlinkWrap a.shareButton,
.fullWidthWidget a.shareButton {
    display: inline-block;

    color: #00233C;
    cursor: pointer;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    vertical-align: middle;
    width: 100%;
}

.shareAlinkWrap a.shareButton .link,
.fullWidthWidget a.shareButton .link {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    vertical-align: middle;
}

.shareAlinkWrap .uiToolTipContent .shareButton .link {
    font-size: 12px;
    vertical-align: middle;
}

.shareAlinkWrap a:hover,
.fullWidthWidget a:hover {
    color: #0079BC;
}

.fullWidthWidget {
    position: fixed;
    background: #FFF;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    z-index: 99999;
}

.shareAlinkWrap .uiToolTipContent .shareButton span.pepMdxIcon {
    font-size: 25px;
    line-height: normal;
    margin-right: 6px;
    vertical-align: middle;
}

.shareAlinkWrap .uiToolTipContent {
    padding: 19px 19px 14px;
}

.shareAlinkWrap .uiToolTipBox {
    width: 11em;
}

.shareAlinkWrap .uiToolTipContent a.shareButton {
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
}

.shareAlinkWrap .uiToolTipContent a.shareButton:first-child {
    margin-top: 0;
}

.shareAlinkWrap a.shareButton,
.fullWidthWidget a.shareButton {
    outline: none;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .shareAlinkWrap {
        margin-top: 21px;
        margin-bottom: -1px;
        margin-left: -3px;
    }

    .shareAlinkWrap a.shareButton,
    .fullWidthWidget a.shareButton {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .shareAlinkWrap a.shareButton .link,
    .fullWidthWidget a.shareButton .link {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .shareAlinkWrap .modal-fullscreen span.pepMdxIcon {
        margin-left: -3px;
        margin-right: 4px;
    }

    .shareAlinkWrap .modal-fullscreen a.shareButton {
        color: #00233C;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        margin-top: 14px;
    }

    .shareAlinkWrap .modal-fullscreen a.shareButton:first-child {
        margin-top: 0;
    }

}

/***** @end SHARE LINKS (TO BE DEPRECATED) *****/


.mobileButtonContainer {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}

.mobileButtonContainer .horizontalSeparator {
    margin-bottom: 15px;
}


/*
 * TOOLTIP
 *========================================
 */

.uiToolTipBox {
    font-weight: 100;
    width: 240px;
}

.uiToolTip .uiToolTipCallout {
    margin-right: 43px;
}

.uiToolTip:hover {
    text-decoration: underline;
}

.uiToolTip:hover .uiToolTipContent {
    text-decoration: none;
}

.uiToolTipContent {
    position: relative;
    padding: 20px;

    max-width: 240px;

    background-color: #fff;
    border-radius: 5px;
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    text-align: left;
    text-decoration: none;

    -webkit-box-shadow: 0 1px 4px #888;
    -moz-box-shadow: 0 1px 4px #888;
    box-shadow: 0 1px 4px #888;
}


/*
 * PEP Buttons
 *========================================
 */

.uiPlus .pillBase {
    height: 30px;
    line-height: 28px;
}

.pillBase.secondary:hover .buttonText,
.pillLink:focus .secondary .buttonText {
    color: #0079BC;
}

.uiPlus .pillBase .gradient,
.uiPlus .pillBase .buttonText {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
}

.uiPlus .pillBase.primary .gradient,
.uiPlus .pillBase.primary .buttonText {
    min-width: auto;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
}

.uiPlus .pillBase.secondary .gradient,
.uiPlus .pillBase.secondary .buttonText {
    font-family: Avenir, Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
}

.pillLink[disabled] .pillBase.primary,
.pillLink.disabled .pillBase.primary,
.pillSubmit[disabled] .pillBase.primary,
.pillSubmit.disabled .pillBase.primary {
    background-color: #7c9754 !important;
    cursor: default !important;
}

.pillLink[disabled] .pillBase.primary .buttonText,
.pillLink.disabled .pillBase.primary .buttonText,
.pillSubmit[disabled] .pillBase.primary .buttonText,
.pillSubmit.disabled .pillBase.primary .buttonText {
    background: none;
    color: #36520f !important;
    text-shadow: rgba(0, 0, 0, 0) 0 0 0;
}


/*
 * PEP Auto Suggestion
 *========================================
 */

.searchForm .quickLink .ui-corner-all.ui-state-hover,
.searchForm .autoSuggestion .ui-corner-all.ui-state-hover,
.searchForm .quickLink .ui-corner-all:hover,
.searchForm .autoSuggestion .ui-corner-all:hover {
    background: #0079BC;
}


/*
 * Mixed Media Player
 *========================================
 */

 .mediaEngineContainer .topHolder {
    width: 90%;
}

.meMobile .meCloseButton {
    padding: 27px 29px 30px!important;
}

header .formInputElement .select-value, .formInputElement .inputElement,
header .formInputElement .selectOption {
    font-size: 14px;
}
header .select-toggle > span.select-value {
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-style: normal;
}

#systemTimeoutButton {
    outline: none;
}

/*
 * Modal
 *========================================
 */

body .warningModal.ui-dialog .ui-dialog-titlebar {
    margin-bottom: 0;
}

.warningModal #ui-dialog-title-contents {
    background: none;
    color: #FD6E3E;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    padding-left: 3px;
}

.warningModal #ui-dialog-title-contents .pepMdxIcon {
    font-size: 25px;
    margin-right: 10px;
}

/*
 * Live Chat
 *========================================
 */
#lp-chat-side-icon {
    position: fixed;
    right: -10px;
    top: 117px;
    z-index: 1001;
}

#lp-chat-side-icon a:focus img {
    outline: 1px dotted #fff;
}

#lp-chat-side-icon img.chatOnline {
    -webkit-box-shadow: -1px 2px 6px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px 2px 6px 1px rgba(0,0,0,0.4);
    box-shadow: -1px 2px 6px 1px rgba(0,0,0,0.4);
}

#lp-chat-side-icon .uiToolTip {
    cursor: default;
}

#lp-chat-side-icon .uiToolTip .uiToolTipBox {
    right: 35%;
}

#lp-chat-side-icon .uiToolTip .uiToolTipBox .uiToolTipContent {
    font-weight: bold;
    font-size: 13px;
    padding: 15px;
}

#lp-chat-side-icon .uiToolTip .uiToolTipBox .uiToolTipCallout {
    right: -43px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}

#lp-chat-side-icon img {
    border-radius: 8px;
    border: 1px solid #6AA0BA;
}

#lp-chat-side-icon-mobile {
    position: fixed;
    right: 0;
    top: 100px;
    z-index: 1001;
}

#lp-chat-side-icon-mobile img {
    width: 50px;
}


/*
 * Global Search Autosuggestion
 *========================================
 * specific style for search input and autosuggestion
 */

.pepGlobalHeader .searchBoxContainer .uiPlus .searchBox .search_button {
    height: 14px;
    left: 5px;
    position: absolute;
    top: 10px;
    width: 15px;
}
.pepGlobalHeader .searchBoxContainer .uiPlus .searchBox .clear_button {
    display: none;
    position: absolute;
    right: 1px;
    top: 10px;
    width: 20px;
}

.pepGlobalHeader .searchBoxContainer .uiPlus .searchBox .clear_button.accessible {
    font-size: 0;
    overflow: hidden;
    text-indent: -9999em;
}

.pepGlobalHeader .searchBoxContainer .accessibleAltText, .pepGlobalHeader .searchBoxContainer .accessibleText,
.pepGlobalHeader .searchBoxContainer .formInputElement fieldset legend {
    display: inline-block !important;
    font-size: 0;
    height: 1px;
    left: -5000;
    overflow: hidden;
    position: absolute;
    visibility: visible !important;
    width: 1px;
}
.pepGlobalHeader .searchBoxContainer button, .pepGlobalHeader .searchBoxContainer input {
    font-family: inherit;
}
.pepGlobalHeader .searchBoxContainer button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    margin: 0;
    padding: 0;
}
.pepGlobalHeader .accountContainer {
    float: right;
}
/* global search input start */
.pepGlobalHeader .searchBoxContainer {
    margin-right: 10px;
    float: right;
}

.pepGlobalHeader .searchBoxContainer .uiPlus label {
    display: none;
}
/* global search input end */


/* global autosuggestion start */
.searchForm.ui-autocomplete {
    padding: 0 0 12px;
    border-width: 0;
    width: 185px;
    margin-top: -2px;
}
.searchForm .ui-autocomplete-category {
    cursor: default;
}
.searchForm .autoSuggestion .ui-corner-all {
    text-decoration: none;
    cursor: default;
}
/* global autosuggestion end */


/***************************************************
 * BOOTSTRAP OVERRIDES
 *
 ***************************************************/

.btn-link {
    color: #0079BC;
}

.btn-link:hover,
.btn-link:focus {
    color: #0079BC;
    text-decoration: underline;
}


/***************************************************
 * PEP OVERRIDES
 *
 ***************************************************/

.borderradius .uiPlus .pillBase.navigation {
    background-color: #acccd4;
}

/*
 * PEP Select Box
 *========================================
 *
 */

/*----------------------------------------
 * selectBox-nojs
 *----------------------------------------*/

.selectBox .richSelectArrowIcon {
    right: 7px !important;
    top: 7px !important;
}

.selectBox-nojs select {
    -webkit-appearance: none;
}

.selectBox-nojs option {
    padding: 0 2px 1px;
    overflow: visible;
}

.selectBox-nojs .inputElement {
    padding-right: 35px;
}

.selectBox .selectBox-nojs .inputElement {
    color: #768AA0;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    line-height: 24px;
}

.selectBox.status-has-value .selectBox-nojs .inputElement {
    color: #00233C;
    font-style: normal;
}

.selectBox .selectBox-nojs .inputElement:focus {
    color: #0079BC;
}

.hasErrors .selectBox-nojs {
    box-shadow: 0 1px 4px 0 #ff4605;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .selectBox-nojs {
        height: 37px;
        line-height: 39px;
    }

    .selectBox .selectBox-nojs .inputElement {
        line-height: 34px;
    }

   .iphone .matchingText {
        position: relative;
        top: -1px;
    }

}

/*------------------------------
 * selectBox Default
 *------------------------------ */

/* Fix for the overlapping dropdown to the sub-menu */
.selectBox .select-toggle, .selectBox-nojs {
    z-index: 1;
}

.selectBox .select-toggle > span.select-value {
    top: 0;
    left: 0;
    color: #768AA0;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    line-height: 28px;
    padding-left: 8px;
    padding-right: 31px;
    max-width: 100%;
    vertical-align: top;
    width: 100%!important;
}

.selectBox.status-has-value .select-toggle > span.select-value {
    color: #00233C;
    font-style: normal;
}

.selectBox.status-has-value:hover .select-toggle > span.select-value,
.selectBox.status-open.status-has-value .select-toggle:hover > span.select-value {
    color: #0079BC;
}

.selectBox:hover .select-toggle > span.select-value,
.selectBox.focus .select-toggle > span.select-value,
.selectBox.status-has-value:hover .select-toggle > span.select-value
.selectBox.status-has-value.focus .select-toggle > span.select-value {
    color: #0079BC;
}

.selectBox.status-open .select-toggle > span.select-value,
.selectBox.status-open .select-toggle:hover > span.select-value,
.selectBox.status-open.status-has-value .select-toggle > span.select-value,
.selectBox.status-open.status-has-value .select-toggle:hover > span.select-value {
    color: #768AA0;
    font-style: italic;
}

.selectBox .shadow-mask {
    top: 21px;
    height: 5px;
}

/*  Handles pep dropdown line-height */
.selectBox .selectOption {
    line-height: 22px;
}

.selectBox.popup .listWrapper {
    margin-top: 8px;
    border-radius: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.selectBox.popup.status-open .select-toggle {
    border-radius: 0 0 6px 6px;
}

.selectBox:hover .select-value {
    color: #0079BC;
}

.selectBox .selectOption.over {
    background-color: #0079BC;
    color: #FFF;
}


.uiPlus .hasErrors .selectBox.focus .selectBox-nojs,
.uiPlus .hasErrors.formInputElement input:focus,
.uiPlus .hasErrors .textInput input:focus,
.uiPlus .hasErrors .standardFormElement.focus .select-toggle,
.uiPlus .hasErrors .standardFormElement.focus .listWrapper,
.uiPlus .hasErrors .standardFormElement.status-open.focus .select-toggle {
    -webkit-box-shadow: 0 0 4px 1px #0079BC;
    -moz-box-shadow: 0 0 4px 1px #0079BC;
    box-shadow: 0 0 4px 1px #0079BC;
}

.uiPlus .selectBox.focus .selectBox-nojs,
.uiPlus .selectBox.focus .select-toggle,
.uiPlus .textInput input:focus,
.uiPlus textarea:focus {
    -webkit-box-shadow: 0 0 4px 1px #0079BC;
    -moz-box-shadow: 0 0 4px 1px #0079BC;
    box-shadow: 0 0 4px 1px #0079BC;
}

_:-ms-lang(x), .selectBox.noScroll .innerListWrapper.autoOverflowY {
    height: 100%;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .selectBox .select-toggle > span.select-value {
        padding-left: 9px;
        line-height: 40px;
    }

    .selectBox .select-toggle {
        height: 37px;
        line-height: 39px;
        margin-left: 0;
    }

    .selectBox .shadow-mask {
        top: 32px;
        height: 5px;
    }

    .selectBox .richSelectArrowIcon {
        right: 10px !important;
        top: 7px !important;
    }

}

.partialMembershipDuesTableDuesPerPointValue #cpp_integer,
.partialMembershipDuesTableDuesPerPointValue #cpp_decimal{
    margin-left: -4px;
}

a.img-target-link img:hover{
    cursor: pointer;
}

/*
 * jQuery UI Slider
 *========================================
 *
 */

/* Icons
----------------------------------*/
.ui-slider {
    position: relative;
    text-align: left;
}
.slider-container {
    margin: 11px 8px 5px 8px;
    background: #dfdfdf;
    border-radius: 6px;
}
.ui-slider.ui-widget-content {
    box-shadow: none;
    border-radius: 6px;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background-color: #0079BC;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    background-color: #DFDFDF;
    height: 3px;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -6px;
    margin-left: -.6em;
    border-radius: 50%;
    /*box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);*/
}

.ui-slider-horizontal .ui-slider-handle:focus {
    box-shadow: 0 0px 3px 0 #0079BC;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-handle.ui-state-default.ui-corner-all.ui-state-hover,
.ui-slider-handle.ui-state-default.ui-corner-all.ui-state-focus,
.ui-slider-handle.ui-state-default.ui-corner-all.ui-state-active {
    background: #f6f6f6;
    border: 1px solid #ddd;
}
.ui-slider-handle:before {
    content: "\e30d";
    color: #78899e;
    font-family: pepmdx2!important;
    font-size: 9px;
    position: absolute;
    left: 1px;
    top: 1px;
    font-weight: normal;
}
.ui-slider-handle:nth-of-type(2):before {
    content: "\e30c";
    left: 2px;
}
.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;
}

/* mobile only */
@media screen and (max-width: 767px) {
    .slider-container {
        margin-top: 11px;
        padding-bottom: 0;
    }
    .ui-slider-handle:nth-of-type(2):before {
        content: "\e30c";
        left: 5px;
    }

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 30px;
        height: 30px;
        cursor: pointer;
        -ms-touch-action: none;
        touch-action: none;
        margin-left: -14px
    }

    .ui-slider-horizontal {
        height: 7px;
    }

    .ui-slider-horizontal .ui-slider-handle {
        top: -11px;
        border-radius: 50%;
    }

    .ui-slider-handle:before {
        content: "\e30d";
        color: #78899e;
        font-family: pepmdx2!important;
        font-size: 14px;
        position: absolute;
        left: 4px;
        top: 3px;
        font-weight: normal;
    }
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #ddd;
    background: #f6f6f6;
    font-weight: bold;
    color: #0073ea;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #0073ea;
    background: #0073ea;
    font-weight: bold;
    color: #fff;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #ddd;
    background: #fff;
    font-weight: bold;
    color: #ff0084;
}

.pipeLine {
    padding: 0 9px;
}

/* new footer start */
div.text-center p.search-noresult {
    padding: 10px 0;
    display: none;
    margin-bottom: 0;
}

.dvdDoneInnerContent .storyCardWrapper .customHorizontalSeparator:last-child {
    display: none!important;
}

/*
 * MIXED MEDIA PLAYER
 *========================================
 * @mixedmediaplayer
 */

.meMobile .innerContentBody .mediaEngineContainer .largePlayPauseButton {
    z-index: 1;
}

.meMobile .innerContentBody .mediaEngineContainer .videoPlayer,
.meMobile .innerContentBody .mediaEngineContainer .videoPlayer video {
    z-index: 0;
}

.innerContentMedia .mediaEngineLauncher > .openMediaEngineButton.pepMdxIcon {
    display: none;
}

.meMobile .meCloseButton {
    padding: 27px 29px 30px!important;
}

.mediaEngineContainer .thumbnail .thumbnailImageHolder,
.mediaEngineContainer .thumbnail .thumbnailImageHolder img {
    width: 41px;
    height: 41px;
}

.accessibilityButton {
    font-size: 0;
    height: 1px;
    overflow: hidden;
    display: none;
}

.accessibilityToolTip, .accessibilityImg {
    font-size: 0;
    height: 1px;
    overflow: hidden;
    display: none;
    margin-left: 4px;
    padding: 0;
}

.mediaEngineDialog .mediaEngineCloseBtn:hover,
.mediaEngineDialog .mediaEngineCloseBtn:focus {
    width:20px;
    height:20px;
    background-position: 0 -8345px;
    cursor: pointer;
}

.mediaEngineDialog .mediaEngineCloseBtn:focus {
    outline: dotted;
    border: 1px dotted #fff;
    background-position: -1px -8346px;
}

a.skip-nav {
    position: absolute;
    left: -10em;
    top: -10em;
}
a.skip-nav:active {
    position: absolute;
    left: .5em;
    top: .5em;
    background-color: lightblue;
}

a.skip-nav:focus,
a.skip-nav:hover {
    position: static;
    text-decoration: underline;
}

.mediaEngineContainer .videoPlayer .html5VideoPlayer {
    /* object-fit: fill; */
    object-fill: contain;
}

/*
 * screen.MediaEngine
 *========================================
 */

.meMobile .mediaEngineContainer .videoPlayer video {
    object-fit: contain;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    /* this is the homepage fix start */
    .meMobile #homePageMediaPlayer .mediaEngineContainer > .middleHolder > .mediaSlider > ul > li,
    .meMobile .mediaEngineContainer.singleMedia > .middleHolder > .mediaSlider > ul > li {
        position: relative!important;
    }

    .meMobile .mediaEngineContainer .slidesHolder li img {
        margin-left: 1px;
    }

    /*start*/
    .meMobile .mediaEngineContainer.singleMedia .mediaSlider {
        position: absolute!important;
        top: 0!important;
    }

    .mediaEngineContainer.singleMedia .slidesHolder {
        display: table!important;
    }

    .mediaEngineContainer.singleMedia .slidesHolder li {
        display: table-cell!important;
        vertical-align: middle!important;
    }

    .meMobile .mediaEngineContainer.singleMedia .middleHolder {
        display: table!important;
        width: 100%;
    }

    .meMobile .mediaEngineContainer.singleMedia .middleHolder .videoPlayer {
        height: 100%;
        vertical-align: middle;
    }

    .meMobile .mediaEngineContainer .videoPlayer video {
        object-fit: contain;
    }

    .meMobile .mediaEngineContainer .slidesHolder li img {
        margin-left: 1px;
    }

    div.what-is-dvc-page > .inner-content-row > .inner-content-col-right .dvui-pull-right > .horizontalSeparator.hidden-xs,
    div.membership-disney-difference-page > .inner-content-row > .inner-content-col-right .dvui-pull-right > .horizontalSeparator.hidden-xs {
        display: block !important;
    }

}

/* PEP MDX Font - pepmdx
----------------------------------*/
i.pepMdxIcon.calendar-month:before {
    content: "\e311";
}
i.pepMdxIcon.close:before {
    content: "\e300";
}

.ui-datepicker-trigger {
    background-image: url(/media/dvc/pep_01/image-sprites/2d2bb4c28a0fdd62f73412b4ecb0fca4-sprite-s-icons-interactive.png);
    background-position: 0 -264px;
    background-repeat: no-repeat;
}

/* JP Login
----------------------------------*/
 #jpLogin #wrapper {
     padding-top: 0;
 }
 #jpLogin #login_register_wrapper.left_divider {
     margin-left: 0;
 }
 #jpLogin .login_form_element .uiToolTip {
     float: right;
 }
 #jpLogin .ja-buttons a {
     display: block;
     margin: 10px;
 }
 #jpLogin #gde_footerContainer_jp {
     padding-top: 30px;
 }
 #jpLogin #global_footer {
     font-size: 10px;
     width: 100%;
 }
 #jpLogin #global_footer a.light_link {
     text-decoration: none;
 }
 #jpLogin #global_footer a {
     color: #333;
     text-decoration: none;
 }
 #jpLogin #global_footer a:hover {
     color: #666; /*#0099cc;*/
     text-decoration: underline;
 }
 #jpLogin #global_footer ul {
     display: block;
     float: left;
 }
 #jpLogin .light_login {
     min-height: 900px
 }
 #jpLogin #footer {
     margin-top: 100px;
 }
 #jpLogin #global_footer li {
     display: inline;
     padding: 0 2px 0 5px;
     background: url(/media/dvc/members-msi/images/footer-separator.gif) no-repeat left;
 }
 #jpLogin #global_footer ul li:first-child {
     background-image: none !important;
 }
 #jpLogin #light_footer_row1 {
     background: #fff url(/media/dvc/members-msi/images/footer-border.gif) repeat-x left top;
     padding: 10px 10px 3px 12px;
 }
 #jpLogin #footer_row1 p,
 #jpLogin #light_footer_row1 p {
     margin-bottom: 0 !important;
 }
 #jpLogin #global_footer #light_footer_row1 ul {
     padding: 10px 0;
     margin-bottom: 0 !important;
 }
 #jpLogin .footer_logo {
     display: block;
     width: 70px;
     height: 24px;
 }
 #jpLogin .footer_logo a {
     background-image: url(/media/dvc/members-msi/images/footer-logo.gif);
     width: 70px;
     height: 24px;
 }
 #jpLogin #light_footer_row2 {
     position: relative;
     clear: both;
     background: #eee;
     padding: 8px 10px 8px 8px;
 }
 #jpLogin #light_footer_row2 {
     position: relative;
     clear: both;
     padding: 8px 10px 8px 8px;
 }
 #jpLogin #global_footer #footer_row2 ul {
     margin: 2px 0;
     display: block;
     padding-left: 0 !important;
 }
 #jpLogin #global_footer #light_footer_row2 ul {
     margin: 2px 0;
     display: block;
     padding-left: 0 !important;
     /* override default MSI ul style*/
 }
 #jpLogin .copyright {
     display: block;
     float: right;
     background-image: url(/media/dvc/members-msi/images/footer-copyright.gif);
     width: 41px;
     height: 11px;
     position: absolute;
     right: 14px;
     bottom: 10px;
 }
 #jpLogin #footer_row3 {
     color: #333;
     clear: both;
     text-align: right;
     padding: 8px 10px;
 }
 #jpLogin #light_footer_row3 {
     clear: both;
     text-align: right;
     padding: 8px 10px;
 }
 #jpLogin .footer_logo a,
 #jpLogin .copyright {
     display: block;
     text-indent: -9999px; /*\*/
     overflow: hidden;/**/
     background-repeat: no-repeat;
 }
 #questions_helper_jp {
     margin: 10px 30px;
     text-align: center;
 }

 .multi-select .dropdown {
    float: right;
    width: 100%;
    margin-bottom: 26px;
}

.multi-select .dropdown .link {
    display: block;
    text-align: left;
}

.multi-select .link {
    text-decoration: none;
    border-bottom: 2px solid #a1afc0;
    padding: 5px 0 5px 20px;
}

.multi-select .link:hover {
    border-bottom: 2px solid #0079BC;
}

.multi-select .link:focus {
    border-bottom: 2px solid #00233C;
}

.multi-select .icon__location-pin {
    float: left;
    font-family: pepmdx3!important;
}

.multi-select .dvcss-pepmdxicon {
    font-size: 16px;
    line-height: 16px;
    margin-top: 7px;
}

.multi-select .dropdownLabel {
    font-size: 20px;
    line-height: 28px;
    text-overflow: ellipsis;
    width: 174px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    margin-left: -15px;
    color: #00233C;
    letter-spacing: 0;
    font-family: Avenir-roman,Avenir,Helvetica,Arial,sans-serif;
}

.multi-select .icon__norgie-opened {
    float: right;
    color: #A1AFC0;
    font-size: 16px;
    margin-top: 10px;
}
.multi-select .dvcss-pepmdxicon {
    font-size: 16px;
    line-height: 16px;
    margin-top: 7px;
}

.multi-select .dropdown-menu {
    padding: 5px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: 2px solid #D0D7DE;
    border-top: 2px solid #D0D7DE;
    margin-top: -2px;
    width: 100%;
}

.select-resort.multi-select .dropdown-menu {
    width: 140%;
}

.multi-select .dropdown-menu li.border-bottom {
    border-bottom: 1px solid #D0D7DE;
}

.multi-select .dropdown .btn {
    display: none;
}

.multi-select .locationFilterDropdownContainer .dropdown.open .icon__location-pin, .multi-select .dropdown.open .icon__norgie-opened {
    color: #00233C;
}

.multi-select .selectionGroup {
    padding: 10px;
}

.multi-select .checkboxWrapper {
    position: relative;
    display: inline-block;
}

.multi-select .checkboxWrapper .btnCheckbox {
    position: relative;
    display: table-cell;
    min-width: 20px;
    vertical-align: top;
}

.multi-select input[type=checkbox].inputCheckbox {
    position: absolute;
    height: 20px;
    width: 20px;
    margin: 0;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}

.multi-select .checkboxWrapper input[type=checkbox].inputCheckbox+.icon__checkbox {
    position: relative;
    top: -13px;
}

.multi-select .dvcss-pepmdxicon {
    font-size: 16px;
    line-height: 16px;
    margin-top: 7px;
}

.multi-select input[type=checkbox].inputCheckbox:checked+.icon__checkbox:before {
    background: #61941B;
    border: 2px solid #61941B;
}

.multi-select input[type=checkbox].inputCheckbox+.icon__checkbox:before {
    content: "";
    background: #FFF;
    border: 2px solid #A1AFC0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.multi-select input[type=checkbox].inputCheckbox:checked+.icon__checkbox:after {
    opacity: 1;
    transform: scale(1);
}

.multi-select  input[type=checkbox].inputCheckbox+.icon__checkbox:after {
    color: #FFF;
    content: "\e241";
    font-size: 15px;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 3px;
    left: 1px;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all .2s;
    transform: scale(0);
}

.multi-select .checkboxWrapper .checkbox {
    display: table-cell;
    cursor: pointer;
    padding-left: 12px;
    font-size: 16px;
    line-height: 25px;
    font-family: Avenir-Roman;
}

.multi-select .selectionGroup .selectionGroupTitle {
    font-family: Avenir-Heavy;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 9px;
    padding-bottom: 0px;
}

.multi-select .selectionGroup .btnSelectAll {
    font-family: Avenir-Roman;
    font-size: 16px;
    line-height: 24px;
    color: #0079BC;
    margin-bottom: 9px;
    display: inline-block;
}

.multi-select .selectionGroup .selectionLocationItem {
    margin-bottom: 8px;
}

.multi-select .dropdown .formInputElement label {
    padding-left: 0px !important;
}

.form-group.multi-select .link {
    text-decoration: none;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    border: 0;
    background: -webkit-gradient(linear,center top,center bottom,from(#fff),to(#ebf5fc));
    box-shadow: 0 1px 3px 0 #777;
    margin: 4px 0px 0px;
    height: 26px;
    padding: 0px;
}

.form-group.multi-select .dropdown-menu {
    border-radius: 0px
}

.form-group.multi-select .dropdownLabel {
    font-size: 14px;
    line-height: 18px;
    padding: 6px 5px 4px 10px;
    margin-left: 0px;
}

.form-group.multi-select .checkboxWrapper .checkbox {
    font-size: 14px;
    line-height: 18px;
}

.form-group.multi-select .dvcss-pepmdxicon {
    margin-top: 4px;
}

.lefttopHeaderContentRefresh {
    position: absolute;
    right: 0;
    top: 5px;
}

.topHeaderContentRefresh .accountContainer {
    position: absolute;
    right: 0;
    top: 6px;
}


.topHeaderContentRefresh .visitLink {
    position: relative;
    top: 4px;
}

.topHeaderContentRefresh .accountContainer {
    font-size: 10px;
    color: #0079BC;
}

.topHeaderContentRefresh .visitLink {
    color: #78899e;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 25px;
    vertical-align: middle;
}

.topHeaderContentRefresh .visitLink:hover {
    text-decoration: underline;
}

.topHeaderContentRefresh .visitLink:hover:focus {
    text-decoration: underline;
}

.topHeaderContentRefresh .visitLink:focus {
    /*text-decoration: none;*/
}

.topHeaderContentRefresh .visitLink .glyphicon {
    top: 0;
    color: #dfdfdf;
    font-size: 6px;
    font-weight: 100;
    vertical-align: middle;

    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;

    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.topHeaderContentRefresh .visitLink .collapsed-shown {
    display: none;
}

.topHeaderContentRefresh .visitLink.collapsed .collapsed-shown {
    display: inline;
}

.topHeaderContentRefresh .visitLink.collapsed .collapsed-hidden {
    display: none;
}

.topHeaderContentRefresh .accountContainer a, .topHeaderContentRefresh .accountContainer a:visited {
    border: 1px solid transparent;
    color: #0079BC;
    text-decoration: none;
    padding: 0;
    font-size: 10px;
    margin: 0;
}

.topHeaderContentRefresh .accountContainer a:hover, .topHeaderContentRefresh .accountContainer a:focus {
    color: #0079BC;
}

.topHeaderContentRefresh .accountContainer a:hover, .topHeaderContentRefresh .accountContainer a:focus {
    text-decoration: underline;
}

.topHeaderContentRefresh .accountContainer ul.list-inline li a:focus  {
    border: 1px dotted #0079BC;
}

.topHeaderContentRefresh .accountContainer .signIn, .topHeaderContentRefresh .accountContainer {
    padding: 0 0 5px 5px;
}

.topHeaderContentRefresh .accountContainer > a,
.topHeaderContentRefresh .accountContainer > span {
    float: left;
}

.topHeaderContentRefresh .accountContainer > span {
    white-space: nowrap;
    vertical-align: middle;
}

.topHeaderContentRefresh .accountContainer > span > span{
    vertical-align: middle;
}

.topHeaderContentRefresh .searchBoxContainer {
    display: inline-block;
    position: relative;
    right: 0;

    margin-right: -5px;
    vertical-align: top;
}

.nav > li > a {
    padding-left: 13px;
    padding-right: 13px;
}

#partialGlobalHeader .displayBlock {
    display: block;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Chrome */
    .topHeaderContentRefresh .searchBoxContainer {
        top: 0;
    }
}

.topHeaderContentRefresh .searchBoxContainer #globalSearchQueryid-base {
    height: 26px;
    margin: 0;
}

.topHeaderContentRefresh .searchBoxContainer .searchBar {
    height: 26px;
}
.topHeaderContentRefresh .searchBoxContainer .searchBar > div {
    background: #f9f9f9;
    height: 16px;
    margin: 4px 0 0 12px;
    padding: 4px 8px 2px 11px;
    width: 159px;
      -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
         -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.topHeaderContentRefresh .uiPlus .textInput input {
    border: 0 none;
    border-radius: 10px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
    color: #253B55;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    height: 22px;
    line-height: 13px;
    margin: 5px 0 0;
    padding: 1px 28px 0 11px;
    vertical-align: text-bottom;
}

.topHeaderContentRefresh .searchBoxContainer .searchBar > div > span.placeholder-text {
    color: #a1afc0;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    height: 16px;
    padding: 0;
    margin: 0;
    top: 1px;
}

.topHeaderContentRefresh .searchBoxContainer .searchBar > button {
    right: 0;
    position: relative;
    top: 9px;
}

.topHeaderContentRefresh .uiPlus .textInput.searchBox input,
.topHeaderContentRefresh .uiPlus .formInputElement.searchBox label,
.topHeaderContentRefresh .uiPlus .formInputElement.searchBox .inlineErrors,
.topHeaderContentRefresh .uiPlus .formInputElement.searchBox .textInputHint {
    width: 100%;
}

.topHeaderContentRefresh .uiPlus .textInput {
    margin-top: -12.5%;
    color: #000;
}

.topHeaderContentRefresh .uiPlus .optional {
    margin: 0 0 0 5px;
}

.topHeaderContentRefresh .uiPlus .searchBox .search_button_pepMdx {
    color: #78899e;
    display: inline-block;
    font-size: 14px;
    height: 18px;
    position: absolute;
    right: 90%;
    top: 7px;
    width: 16px;
}

.topHeaderContentRefresh .uiPlus .searchBox input {
    padding-left: 11%;
    padding-right: 10%;
    font-size: 10px;
}

.topHeaderContentRefresh .uiPlus .searchBox input:focus {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
}

.topHeaderContentRefresh .uiPlus .searchBox .clear_button_pepMdx {
    color: #78899e;
    font-size: 14px;
    height: 16px;
    left: 90%;
    position: absolute;
    top: 6px;
    width: 16px;
}

/*
 * Top Header List Crumbs
 *
 */

.topHeaderContentRefresh .accountContainer .list-inline {
    position: relative;
    top: -1px;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin: 0;
}

.topHeaderContentRefresh .accountContainer .list-inline .list-divider {
    color: #00233C;
    font-size: 12px;
    padding-right: 0;
    padding-left: 0;
    position: relative;
    top: -2px;
}

.topHeaderContentRefresh .accountContainer .list-inline > li {
    vertical-align: middle;
}

.topHeaderContentRefresh .accountContainer .list-inline > li > a,
.topHeaderContentRefresh .accountContainer .list-inline > li > span {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 10px;
    position: relative;
    top: -2px;
}

.topHeaderContentRefresh .accountContainer .list-inline > li > a:hover,
.topHeaderContentRefresh .accountContainer .list-inline > li > span:hover {
    text-decoration: underline;
}

.topHeaderContentRefresh .accountContainer .list-inline > li > span.signOut a {
    padding-left: 2px;
}

.topHeaderContentRefresh .searchBoxContainer {
    vertical-align: middle;
}

.leftTopHeaderContentRefresh > span {
    padding: 0 5px 0 0;
}

.leftTopHeaderContentRefresh > span a {
    padding: 0 5px;
}



/* to do: deprecated - remove */
.bottomHeaderContentRefresh .dvcLogo {
    position: relative;
    top: 6px;
    left: 2px;
    float: left;
    margin-right: 80px !important;
    margin-top: -3px;
}

/* to do: deprecated - remove */
.bottomHeaderContentRefresh .dvcEvoLogo > img  {
    height: 35px;
    position: relative;
    top: 3px;
    left: 0;
}

.innerContentBody .topHeaderContentRefresh .visitLink {
    top: 4px;
}

.panel {
    box-shadow: none;
}

ul.globalNavigationRefresh [data-icon]::before,
#partialGlobalHeaderMobile [data-icon]::before {
    font-family: pepmdx2 !important;
    content: attr(data-icon);
    speak: none;
}

ul.globalNavigationRefresh {
    position: absolute;
    top: 10px;
    left: 202px;
    /* right: 10px; @TODO: If making the Global Nav text link adjust */

    font-size: 12px;
    white-space: nowrap;
}

ul.globalNavigationRefresh > li {
    display: inline-block;
    float: none;

    list-style: none;
    vertical-align: top;
}

/* IE10+ */
_:-ms-lang(x), ul.globalNavigationRefresh > li {
    list-style-image: url(data:0);
    list-style-type: none;
}

ul.globalNavigationRefresh .selectBox .selectOption {
    padding-bottom: 10px;
}

ul.globalNavigationRefresh .selectBox {
    width: 100%;
}

ul.globalNavigationRefresh .dropdown > a {
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    /* padding: 5px 10px 0; @TODO: If making the Global Nav text link adjust */
}

ul.globalNavigationRefresh .dropdown > .dropdown-menu .dropdown-menu-body {
    display: table;
    width: 100%;
    white-space: nowrap;
}

ul.globalNavigationRefresh .dropdown > .dropdown-menu .dropdown-menu-body > * {
    white-space: normal;
}

ul.globalNavigationRefresh > li a {
    padding-top: 6px;
    padding-bottom: 4px;
}

ul.globalNavigationRefresh .lastPkLink li {
    margin-bottom: 17px;
}

ul.globalNavigationRefresh .blockImageMenu > li > a {
    text-decoration: none;
}

.navMenuBackground {
    background-color: #F3FDFF;
    min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

ul.globalNavigationRefresh ul {
    list-style: none;
}

ul.globalNavigationRefresh h2 {
    font-size: 14px;
    font-family: Avenir;
    font-weight: 400;
    line-height: 20px;
    color: #00233C;
    font-family: inherit;
    font-weight: bold;
}

ul.globalNavigationRefresh .categoryTitle {
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 4px;
    margin-left: 15px;
}

ul.globalNavigationRefresh .categoryTitle.specialOfferTitle {
    font-family: Avenir-Heavy;
    font-size: 16px;
    color: #00233C;
    letter-spacing: 0;
    text-align: center;
    line-height: 16px;
}

ul.globalNavigationRefresh p.specialOfferDescription {
    font-family: Avenir-Medium;
    font-size: 16px;
    color: #00233C;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
}

ul.globalNavigationRefresh a.dropdown-toggle {
    font-family: Avenir-Medium, Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

ul.globalNavigationRefresh a.dropdown-toggle:hover:focus {
    color: #0079BC;
}

ul.globalNavigationRefresh .textBlockImage .dvcss-dt-cell.globalNavNextIconHolder {
    vertical-align: middle;
}

ul.globalNavigationRefresh .blockImageMenu > li > a:hover > .textBlockImage .dvcss-dt-cell.globalNavNextIconHolder > span.globalNavNextIcon {
    color: #0079BC;
}

ul.globalNavigationRefresh span.globalNavNextIcon {
    font-size: 18px;
    color: #BFCFD7;
    letter-spacing: 0;
    line-height: 16px;
}

.navMenuVerticalBorder {
    border-right: 1px solid #CCC;
    display: inline-block;
    height: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}

.navMenuHorizontalBorder {
    background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0), #dfdfdf 5%, #dfdfdf 95%, rgba(255, 255, 255, 0));
    margin: 0 20px 10px 20px;
}

.leftDropDownTopMargin {
    margin-top: 15px;
    margin-bottom: 20px;
    min-height: 100px;
}

.rightDropDownTopMargin {
    margin-top: 15px;
    margin-bottom: -3px;
}

ul.globalNavigationRefresh .menuLinkList li a {
    display: block;
    color: #00233C;
    font-family: Avenir-Medium, Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding: 3px 15px;
    white-space: nowrap;
}

ul.globalNavigationRefresh .menuLinkList li a:focus,
ul.globalNavigationRefresh .menuLinkList li a:hover {
    background: #00233C;
    text-decoration: underline;
    color: #FFF;
}

ul.globalNavigationRefresh .menuLinkList li a.header-wrap:focus,
ul.globalNavigationRefresh .menuLinkList li a.header-wrap:hover {
    text-decoration: none;
}

ul.globalNavigationRefresh .menuLinkList li a.header-wrap:focus .main-text,
ul.globalNavigationRefresh .menuLinkList li a.header-wrap:hover .main-text {
    text-decoration: underline;
}

/** notification *
span.notificationCount {
    position: absolute;
    top: 54px;
    right:25px;
}
*/

ul.globalNavigationRefresh .blockImageMenu {
    margin: 3px 0 0;
}

ul.globalNavigationRefresh .blockImageMenu li {
    padding: 0 20px;
    clear: left;
    margin: 0;
}

ul.globalNavigationRefresh .blockImageMenu li a {
    color: #000;
    font-size: 12px;
    display: block;
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 225px;
    white-space: normal;
}

ul.globalNavigationRefresh .blockImageMenu li a:focus,
ul.globalNavigationRefresh .blockImageMenu li a:hover {
    border: 1px dotted #000;
}

ul.globalNavigationRefresh .blockImageMenu li a:hover .textBlockImageLabel,
ul.globalNavigationRefresh .blockImageMenu li a:focus .textBlockImageLabel {
    text-decoration: underline;
    color: #0079BC;
    padding: 0px 17px 0px 9px;
}

ul.globalNavigationRefresh .blockImageMenu li a:hover .textBlockImageDisplay,
ul.globalNavigationRefresh .blockImageMenu li a:focus .textBlockImageDisplay {
    padding-left: 0px;
    padding-right: 1px;
}

ul.globalNavigationRefresh .blockImageMenu li a:hover .dvcss-dt-cell,
ul.globalNavigationRefresh .blockImageMenu li a:focus .dvcss-dt-cell {
    padding-top: 0px;
    padding-bottom: 0px;
}

ul.globalNavigationRefresh .blockImageMenu li .glyphicon {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: 1px;
}

ul.globalNavigationRefresh .blockImageMenu a {
    margin: 0;
}

ul.globalNavigationRefresh .blockImageMenu li a .textBlockImage {
    margin: 0 0 2px;
}

ul.globalNavigationRefresh .textBlockImage {
    display: table;
    margin: 0 0 23px;
}

ul.globalNavigationRefresh .textBlockImage img {
    width: 45px;
    height: 45px;
}

ul.globalNavigationRefresh .textBlockImage .dvcss-dt-cell,
ul.globalNavigationRefresh .textBlockImage dt {
    display: table-cell;
    vertical-align: top;
}

ul.globalNavigationRefresh .textBlockImage .textBlockImageLabel {
    font-weight: normal;
    margin: 0;
    padding: 1px 18px 1px 10px;
    color: #00233C;
    font-size: 12px;
    font-family: Avenir-Medium;
    vertical-align: middle;
    line-height: 16px;
}

ul.globalNavigationRefresh .blockImageMenu .textBlockImageDisplay {
    padding-left: 1px;
}

ul.globalNavigationRefresh .textBlockImage .dvcss-dt-cell {
    padding-top: 1px;
    padding-bottom: 1px;
}

.pillLink:hover, .pillSubmit:hover {
    cursor: pointer;
}

/**
 * @TODO: This is just temporary box shadow
 * Box Shadow for menu drop down CSS
 */
ul.globalNavigationRefresh.nav .headerNav.open,
ul.globalNavigationRefresh.nav .gnbSubMenu.open {
    background: #FFF;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 -1px 4px -1px rgba(100,100,100,0.5),
                0 0 4px 1px rgba(100,100,100,0.5);
    position: relative;
    /*behavior: url(/media/dvc_site/js/PIE.htc);*/
}

ul.globalNavigationRefresh.nav .headerNav.open > a,
ul.globalNavigationRefresh.nav .gnbSubMenu.open > a,
ul.globalNavigationRefresh.nav .gnbSubMenu:hover > a,
ul.globalNavigationRefresh.nav .gnbSubMenu:focus > a {
    background: #FFF;
    border-radius: 5px 5px 0 0;
    display: block;
    height: 33px;
    z-index: 2000;
    /*behavior: url(/media/dvc_site/js/PIE.htc);*/
}

.nav .headerNav.open > a:hover,
.nav .headerNav.open > a:focus,
.nav .gnbSubMenu.open > a:hover,
.nav .gnbSubMenu.open > a:focus {
    background: #FFF;
}

.nav .headerNav > .dropdown-menu,
.nav .gnbSubMenu > .dropdown-menu {
    border: 0;
    margin: 0;
    white-space: normal;
    -moz-box-shadow: 0 2px4px 1px rgba(100,100,100,0.5);
    -webkit-box-shadow: 0 2px 4px 1px rgba(100,100,100,0.5);
    box-shadow: 0 2px 4px 1px rgba(100,100,100,0.5);
}

.bottomHeaderContentRefresh .menuLinkList li a span.main-text,
#partialGlobalHeaderMobile #MainMenu li a span.main-text {
    color: #00233C;
    font-family: Avenir-Black, Helvetica, Arial, sans-serif;
}

.bottomHeaderContentRefresh .menuLinkList li a span.main-text,
.bottomHeaderContentRefresh .menuLinkList li a span.sub-text {
    margin: 0 0 0.5em;
    line-height: 16px;
    width: 225px;
}

#partialGlobalHeaderMobile #MainMenu li a span.main-text,
#partialGlobalHeaderMobile #MainMenu li a span.sub-text {
    margin: 0 0 0.5em;
    line-height: 16px;
    width: 195px;
}
.bottomHeaderContentRefresh .menuLinkList li a span.sub-text,
#partialGlobalHeaderMobile #MainMenu li a span.sub-text {
    color: #00233C;
    overflow-wrap: break-word;
}

#partialGlobalHeaderMobile #MainMenu li a span.main-text,
#partialGlobalHeaderMobile #MainMenu li a span.sub-text {
    color: #0079BC;
}

.bottomHeaderContentRefresh .menuLinkList li a span.main-text {
    margin-top: 5px;
}

.bottomHeaderContentRefresh .menuLinkList li a:hover span.icon,
.bottomHeaderContentRefresh .menuLinkList li a:focus span.icon,
.bottomHeaderContentRefresh .menuLinkList li a:hover span.main-text,
.bottomHeaderContentRefresh .menuLinkList li a:focus span.main-text,
.bottomHeaderContentRefresh .menuLinkList li a:hover span.sub-text,
.bottomHeaderContentRefresh .menuLinkList li a:focus span.sub-text {
    color: #FFF !important;
}

.bottomHeaderContentRefresh .menuLinkList li a.header-wrap{
    white-space: normal;
}

.bottomHeaderContentRefresh .menuLinkList li a span.header-text,
#partialGlobalHeaderMobile #MainMenu li a span.header-text {
    display: table-cell;
    vertical-align: top;
    position: relative;
}

#partialGlobalHeaderMobile #MainMenu li a .header-text {
    padding-top: 4px;
    padding-left: 5px;
}

#partialGlobalHeaderMobile #MainMenu .list-group ul li div ul li > a {
    color: #0079BC;
}

.bottomHeaderContentRefresh .menuLinkList li a span.icon,
#partialGlobalHeaderMobile #MainMenu li a span.icon {
    display: table-cell;
    width: 22px;
    height: 20px;
    color: #0079BC;
    vertical-align: top;
    font-size: 18px;
    padding-right: 5px;
}

.bottomHeaderContentRefresh .menuLinkList li:hover,
.bottomHeaderContentRefresh .menuLinkList li:focus,
#partialGlobalHeaderMobile #MainMenu li:hover,
#partialGlobalHeaderMobile #MainMenu li:focus {
    color: #FFF !important;
}

.bottomHeaderContentRefresh > ul > li.open,
.bottomHeaderContentRefresh > ul > li:hover,
.bottomHeaderContentRefresh > ul > li:focus {
    background: #FFF;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 -1px 4px -1px rgba(100,100,100,0.5), 0 0 4px 1px rgba(100,100,100,0.5);
    position: relative;
    z-index: 10;
}

.bottomHeaderContentRefresh > ul > li.open,
.bottomHeaderContentRefresh > ul > li:hover {
    z-index: 1003;
}

.bottomHeaderContentRefresh > ul > li.open > a,
.bottomHeaderContentRefresh > ul > li:hover > a,
.bottomHeaderContentRefresh > ul > li:focus > a {
    background: #FFF;
    border-radius: 5px 5px 0 0;
    height: 33px;
    z-index: 1002;
}

.bottomHeaderContentRefresh > ul > li.open > .dropdown-menu,
.bottomHeaderContentRefresh > ul > li:hover > .dropdown-menu,
.bottomHeaderContentRefresh > ul > li:focus > .dropdown-menu {
    display: block;
}

.bottomHeaderContentRefresh > ul > li:hover > .dropdown-menu,
.bottomHeaderContentRefresh > ul > li:focus > .dropdown-menu {
    z-index: 1000;
}

.bottomHeaderContentRefresh > ul > li:focus > .dropdown-menu {
    margin: 0;
}

.heightAuto {
    height: auto !important;
}

.boxShadowNone {
    box-shadow: none !important;
}

.headerNavigationLinkHeight {
    height: 34px;
}

.headerNavigationBoxShadow {
    box-shadow: 0 -1px 4px -1px rgba(100, 100, 100, 0.5), 0 0 1px 1px rgba(100, 100, 100, 0.5)
}

.nav .headerNav.open > .dropdown-menu,
.nav .gnbSubMenu.open > .dropdown-menu {
    margin: 0;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    background: none;
    color: #0079BC;
}

ul.globalNavigationRefresh .navbar-nav > li {
    padding: 0;
}

.leftSubmenu .dropMenuFrame {
    margin: 12px 0 0;
}

/*Keyboard Accessiblity*/
.bottomHeaderContentRefresh > a:focus span,
ul.globalNavigationRefresh li.dropdown > a:focus {
    border: 1px dotted #000;
}

/**
 * About Membership CSS
 */
.navbar-nav > li.aboutMembership > .dropdown-menu {
    border-radius: 0 0 5px 5px;
}

.nav .aboutMembership.open > a,
.nav .aboutMembership.open > a:hover,
.nav .aboutMembership.open > a:focus,
.nav .aboutMembership.open > a:active {
    background: #FFF;
    border-radius: 5px 5px 0 0;
}

.aboutMembership > .dropdown-menu {
    width: auto; /* width: 423px; */
}

.aboutMembership .navMenuVerticalBorder {
    display: none;
    left: 47%;
}

.aboutMembership .leftSubmenu {
    display: table-cell;
    float: none;
    width: auto; /* width: 47%; */
    vertical-align: top;
}

.aboutMembership .rightSubmenu {
    display: table-cell;
    float: none;
    width: auto; /* width: 53%; */
    background-color: #F3FDFF;
    border-left: 1px solid #CCC;
    border-radius: 0 0 10px 0;
    vertical-align: top;
}

.aboutMembership .navMenuBackground {
    display: none;
    left: 47%;
    border-radius: 0 0 10px 0;
}
/* End of Explore Membership CSS  */

/**
 * Offer & Benefits CSS
 */
.navbar-nav > li.offersAndBenefits > .dropdown-menu {
    border-radius: 0 0 5px 5px;
}

.nav .offersAndBenefits.open > a,
.nav .offersAndBenefits.open > a:hover,
.nav .offersAndBenefits.open > a:focus,
.nav .offersAndBenefits.open > a:active {
    background: #FFF;
    border-radius: 5px 5px 0 0;
}

.offersAndBenefits > .dropdown-menu {
    width: auto; /* width: 423px; */
}

.offersAndBenefits .navMenuVerticalBorder {
    display: none;
    left: 47%;
}

.offersAndBenefits .leftSubmenu {
    display: table-cell;
    float: none;
    width: auto; /* width: 47%; */
    vertical-align: top;
}

.offersAndBenefits .rightSubmenu {
    display: table-cell;
    float: none;
    width: auto; /* width: 53%; */
    background-color: #F3FDFF;
    border-left: 1px solid #CCC;
    border-radius: 0 0 10px 0;
    vertical-align: top;
}

.offersAndBenefits .navMenuBackground {
    display: none;
    left: 47%;
    border-radius: 0 0 10px 0;
}

.offersAndBenefits .leftSubmenu .leftDropDownTopMargin li.menu-item {
    width: 210px;
}

.offersAndBenefits .rightSubmenu .blockImageMenu li a {
    width: 220px;
}
/* End of Explore Membership CSS  */

/**
 * @TODO: This is just temporary Set Width Only
 * Find Destinations CSS
 */
.navbar-nav > li.destinations > .dropdown-menu {
    border-radius: 0 0 5px 5px;
}

.destinations > .dropdown-menu {
    width: auto; /* width: 423px; */
}

.destinations .navMenuVerticalBorder {
    left: 45%;
    display: none;
}

.destinations .leftSubmenu {
    display: table-cell;
    float: none;
    height: auto;
    width: auto;
    vertical-align: top;
}

ul.globalNavigationRefresh .destinations .rightSubmenu {
    display: table-cell;
    float: none;
    width: auto;
    background-color: #F3FDFF;
    border-left: 1px solid #CCC;
    border-radius: 0 0 10px 0;
    vertical-align: top;
    padding-bottom: 20px;
}

ul.globalNavigationRefresh .offersAndBenefits .rightSubmenu {
    padding-bottom: 20px;
}

.destinations .navMenuBackground {
    display: none;
    left: 45%;
    border-radius: 0 0 10px;
}

/* End of Visit Destinations CSS  */

/**
 * @TODO: This is just temporary Set Width Only
 * Plan Vacations CSS
 */
ul.globalNavigationRefresh.navbar-nav > li.planVacations > .dropdown-menu {
    border-radius: 0 0 5px 5px;
}

ul.globalNavigationRefresh .planVacations > .dropdown-menu {
   max-width: 445px;
   width: 262px;
}

ul.globalNavigationRefresh .planVacations .menuLinkList li a {
    white-space: normal;
}

ul.globalNavigationRefresh .planVacations .navMenuVerticalBorder {
    display: none;
    left: 50%;
}

ul.globalNavigationRefresh .planVacations .leftSubmenu {
    display: table-cell;
    float: none;
    width: auto;
    vertical-align: top;
}

ul.globalNavigationRefresh .planVacations .rightSubmenu {
    display: table-cell;
    float: none;
    width: auto; /* width: 50%; */
    background-color: #F3FDFF;
    border-left: 1px solid #CCC;
    border-radius: 0 0 10px 0;
    vertical-align: top;
}


ul.globalNavigationRefresh .planVacations .navMenuBackground {
    display: none;
    left: 50%;
    border-radius: 0 0 10px;
}

ul.globalNavigationRefresh .planVacations .blockImageMenu li a {
    width: 197px;
}

ul.globalNavigationRefresh .planVacations .textBlockImage .textBlockImageLabel {
    padding: 0 32px 0 10px;
}
/* End of Plan Vacations CSS  */


/**
 * @TODO: This is just temporary Set Width Only
 * Help and Contact CSS
 */
ul.globalNavigationRefresh.navbar-nav > li.helpAndContact > .dropdown-menu {
    border-radius: 0 0 5px 5px;
}

ul.globalNavigationRefresh li.helpAndContact .leftDropDownTopMargin {
    margin-bottom: -8px;
}

ul.globalNavigationRefresh .helpAndContact > .dropdown-menu {
    width: 240px;
}

ul.globalNavigationRefresh .helpAndContact > .dropdown-menu.helpWidthSidebar {
    width: 440px;
}

ul.globalNavigationRefresh .helpAndContact .navMenuVerticalBorder {
    left: 200px;
}

ul.globalNavigationRefresh .helpAndContact .leftSubmenu {
    width: 200px;
    height: 100%;
}

ul.globalNavigationRefresh .helpAndContact .rightSubmenu {
    width: 100%;
}

ul.globalNavigationRefresh .helpAndContact #lpChatButton {
    background-color: #ebf6fc;
}

ul.globalNavigationRefresh .helpAndContact #lpChatButton img {
    max-width: 240px;
    background-color: #ebf6fc;
}

ul.globalNavigationRefresh .helpAndContact .menuLinkList {
    padding: 0 0 10px 0;
}

ul.globalNavigationRefresh .helpAndContactLiveChat .pepMdxIcon  {
    font-size: 14px;
    margin-left: -3px;
    margin-right: 6px;
}

ul.globalNavigationRefresh .helpAndContactLiveChat .helpAndContactLiveChatCastMember {
    margin-top: 0;
}

ul.globalNavigationRefresh .helpAndContactLiveChat .helpAndContactLiveChatAvailable {
    margin-top: -4px;
}

/**
 * Chat Nav Link
 */

ul.globalNavigationRefresh .helpAndContactLiveChat a[href^="tel"],
ul.globalNavigationRefresh .helpAndContactLiveChat span.tel-no {
    color: #0079BC;
    vertical-align: middle;
}

ul.globalNavigationRefresh .helpAndContactLiveChat #lp-chat-nav-link {
    margin-top: 2px;
}

ul.globalNavigationRefresh .helpAndContactLiveChat #lp-chat-nav-link i {
    font-size: 14px;
    margin-left: -3px;
    margin-right: 6px;
}

ul.globalNavigationRefresh #helpAndContact-dropdown-menu .helpAndContactLiveChat p {
    background-color: #F3FDFF;
    color: #00233C;
}

.helpAndContactLiveChat {
    border-top: 1px #CCC solid;
    position: relative;
    clear: both;
    padding: 22px 19px 17px 19px;
    border-radius: 0 0 10px 10px;
    font-size: 12px;
}

.helpAndContactLiveChat p {
    margin: 8px 0 0;
}

.helpAndContactLiveChat img {
    padding: 0 0 10px;
}

.helpAndContactLiveChat p.greyText {
    color: #a0a0a0;
    font-family: Avenir-roman;
    font-size: 11px;
    margin-top: 8px;
}

.helpAndContactLiveChat .navMenuBackground {
    left: 0;
    right: 0;
    border-radius: 0 0 10px 10px;
}
/* End of Help and Contact CSS  */

/**
 * @TODO: This is just temporary Set Width Only
 * My Membership CSS
 */
 #membership-wrapper .selectValue {
    width: 150px;
 }

.navbar-nav > li.myDVC > .dropdown-menu {
    border-radius: 0 0 5px 5px;
    /*behavior: url(/media/dvc_site/js/PIE.htc);*/
}

.myDVC .memberSignOutLockedIcon, .myMembership .memberSignInIcon {
    left: 0;
    top: -1px;
    vertical-align: middle;
    margin-right: 3px;
}

.myDVC #membership-wrapper .selectValue {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.myDVC > .dropdown-menu {
    width: auto /* width: 417px; */
}

.myDVC .navMenuVerticalBorder {
    display: none;
    left: 242px;
}

/* IE10+ */
_:-ms-lang(x), .myMembership .navMenuVerticalBorder {
    left: 242px;
}

.myDVC .leftSubmenu {
    display: table-cell;
    float: none;
    height: 100%;
    width: auto;
    min-width: 245px;
    background-color: #F3FDFF;
    border-right: 1px solid #CCC;
    border-radius: 0 0 0 10px;
    vertical-align: top;
}

.myDVC .rightSubmenu {
    width: auto;
    display: table-cell;
    vertical-align: top;
    float: none;
}

.myDVC .navMenuBackground {
    display: none;
    left: 0;
    margin: 0;
    width: 242px;
    border-radius: 0 0 0 10px;
}

.myDVC .signOutState {
    margin: -8px 20px 10px;
}

.myDVC .selectValue {
    max-width: 200px;
    left: 0;
    padding-left: 10px;
    width: 200px;
}

ul.globalNavigationRefresh .memberSignInIcon {
    top: -4px;
    left: -5px;
}

ul.globalNavigationRefresh .dvcss-btn.btn-info {
    background-color: #F3FDFF;
    border: 2px solid #1A82A5;
    border-radius: 4px;
    width: 220px;
    font-family: Avenir-Heavy;
    font-size: 16px;
    color: #0079BC;
    letter-spacing: 0;
    text-align: center;
    line-height: 22px;
}

ul.globalNavigationRefresh .dvcss-btn.btn-info:focus,
ul.globalNavigationRefresh .dvcss-btn.btn-info:hover {
    background-color: #1A82A5;
    color: #fff;
}
/* End of My Membership CSS  */

ul.globalNavigationRefresh div.signInState {
    margin-top: 10px;
}

ul.globalNavigationRefresh .signInState .formInputElement,
ul.globalNavigationRefresh .signInState #membershipid-base {
    display: block;
}

ul.globalNavigationRefresh .signInState .signOutStateText {
    color: #00233C;
    font-family: Avenir-Heavy, Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 33px;
}

ul.globalNavigationRefresh .signInState .signInStateName a {
    color: #0079BC;
    font-family: Avenir-Book, Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 24px;
    line-height: 33px;
    text-decoration: none;
}

ul.globalNavigationRefresh .signInState .signInStateName a:focus,
ul.globalNavigationRefresh .signInState .signInStateName a:hover {
    text-decoration: underline;
}

ul.globalNavigationRefresh .signInState .signOutLink a {
    color: #0079BC;
    font-family: Avenir-Book, Avenir-Light, Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 20px;
    text-decoration: underline;
}

ul.globalNavigationRefresh .signInState .signOutLink a:focus,
ul.globalNavigationRefresh .signInState .signOutLink a:hover {
    text-decoration: none;
}

ul.globalNavigationRefresh .signInState ul {
    margin: 11px 0 21px 0;
}

ul.globalNavigationRefresh .signInState ul li.memberDetailsDisplay a {
    font-family: Avenir-Heavy, Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #0079BC;
    letter-spacing: 0;
    line-height: 20px;
    text-decoration: none;
}

ul.globalNavigationRefresh .signInState ul li.memberDetailsDisplay a:focus,
ul.globalNavigationRefresh .signInState ul li.memberDetailsDisplay a:hover {
    text-decoration: underline;
}

ul.globalNavigationRefresh .signInState .textBlockImage {
    margin: 0px 0 16px;
    border-bottom: 2px solid #D1DDE7;
    padding-bottom: 16px;
    width: 100%;
}

ul.globalNavigationRefresh .signInState ul > li.memberDetailsDisplay {
    padding-bottom: 8px;
}

ul.globalNavigationRefresh .signInState ul > li.memberDetailsDisplay span.notificationCount {
    background-image: linear-gradient(-180deg, #FF8933 0%, #FF4A33 100%);
    border-radius: 3px;
    font-family: Avenir-Heavy;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 14px;
    margin-left: 10px;
    padding: 4px 4px 3px 3px;
    bottom: 2px;
    position: relative;
    display: inline-block;
}

#partialGlobalHeaderMobile .sidebar-offcanvas.mobileHeaderRefresh .notificationMenu span.notificationCount {
    background-image: linear-gradient(-180deg, #FF8933 0%, #FF4A33 100%);
    border-radius: 3px;
    font-family: Avenir-Heavy;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 14px;
    margin-left: 15px;
    padding: 4px 4px 3px 3px;
    position: relative;
    display: inline;
    top: -3px;
}

#partialGlobalHeaderMobile .sidebar-offcanvas.mobileHeaderRefresh .list-group ul li div ul li > a span.icon {
    text-decoration: none !important;
}

#partialGlobalHeaderMobile .sidebar-offcanvas.mobileHeaderRefresh .notificationMenu a:focus {
    text-decoration: none;
}

#partialGlobalHeaderMobile .sidebar-offcanvas.mobileHeaderRefresh .list-group > ul {
    padding: 0 !important;
}

#partialGlobalHeaderMobile .sidebar-offcanvas.mobileHeaderRefresh .list-group.panel {
    box-shadow: none !important;
}

.row-offcanvas-left #partialGlobalHeaderMobile .sidebar-offcanvas.mobileHeaderRefresh {
    border-right: 1px solid #979797;
    box-shadow: none !important;
}

#partialGlobalHeaderMobile .sidebar-offcanvas a.list-group-item:focus{
    outline: #1994D7 solid 2px;
    outline-offset: -2px;
    text-decoration: none;
}

#partialGlobalHeaderMobile .sidebar-offcanvas a.list-group-item.openedGroupLink:focus{
    outline: #00233C solid 2px;
    text-decoration: none;
}

#partialGlobalHeaderMobile .sidebar-offcanvas .list-group ul li div ul li>a:focus {
    outline: #1994D7 solid 2px;
    outline-offset: -1px;
    text-decoration: none;
}

.mobileHeaderRefresh .list-group ul li div.headerSideBarLinks {
    padding-top: 8px !important;
}

.mobileHeaderRefresh .list-group ul li div.headerSideBarLinks ul li {
    border: 0;
    border-radius: 5px;
    color: #00233C;
    margin: 12px 12px 0 12px;
    padding: 13px 15px 13px 11px;
    background: #F3FDFF;
}

.mobileHeaderRefresh .loginStateMobile {
    background-color: #F3FDFF;
    text-align: left;
    padding: 10px 18px;
    box-shadow: none;
}

.mobileHeaderRefresh .partialGlobalHeaderMobileNavLoginMemberBoxWelcome {
    border-bottom: 2px solid #D1DDE7;
    margin-bottom: 13px;
}

.mobileHeaderRefresh .partialGlobalHeaderMobileNavLoginMemberBoxWelcome p.welcomeMessage {
    font-family: Avenir-Heavy;
    font-size: 12px;
    color: #00233C;
    letter-spacing: 0;
    line-height: 16px;
    margin: 14px 0 0 0;
}

.mobileHeaderRefresh .partialGlobalHeaderMobileNavLoginMemberBoxWelcome p.memberName {
    margin-bottom: 12px;
}

.mobileHeaderRefresh .partialGlobalHeaderMobileNavLoginMemberBoxWelcome p.memberName a {
    font-family: Avenir-Light;
    font-size: 24px;
    color: #0079BC;
    letter-spacing: 0;
    line-height: 32px;
}

.mobileHeaderRefresh .partialGlobalHeaderMobileNavLoginMemberBoxWelcome p.signOutLink {
    margin-bottom: 15px;
}

.mobileHeaderRefresh .partialGlobalHeaderMobileNavLoginMemberBoxWelcome p.signOutLink a {
    font-family: Avenir-Medium;
    font-size: 12px;
    color: #0079BC;
    letter-spacing: 0;
    line-height: 16px;
    text-decoration: underline;
}

.mobileHeaderRefresh .partialGlobalHeaderMobileNavLoginMemberBoxWelcome p.signOutLink a:focus,
.mobileHeaderRefresh .partialGlobalHeaderMobileNavLoginMemberBoxWelcome p.signOutLink a:hover {
    text-decoration: none;
}

.mobileHeaderRefresh .partialGlobalHeaderMobileNavLoginMemberBoxPoints {
     margin-bottom: 13px;
}

.mobileHeaderRefresh .partialGlobalHeaderMobileNavLoginMemberBoxPoints a {
    font-family: Avenir-Medium;
    font-size: 12px;
    color: #0079BC;
    letter-spacing: 0;
    line-height: 16px;
    text-decoration: none;
}

.mobileHeaderRefresh .partialGlobalHeaderMobileNavLoginMembershipCardModal {
     margin-bottom: 15px;
}

.mobileHeaderRefresh .partialGlobalHeaderMobileNavLoginMembershipCardModal a {
    font-family: Avenir-Medium;
    font-size: 12px;
    color: #0079BC;
    letter-spacing: 0;
    line-height: 16px;
    text-decoration: none;
}

@media screen and (max-width: 800px) and (min-width: 768px) {
    ul.globalNavigationRefresh.navbar-nav > li > a.dropdown-toggle {
        font-size: 11px;
        padding-top: 7px;
        padding-left: 5px;
        padding-right: 5px;
    }

    ul.globalNavigationRefresh .offersAndBenefits .blockImageMenu li a {
        width: 180px;
    }

    ul.globalNavigationRefresh .destinations .blockImageMenu li a {
        width: 140px;
    }

    ul.globalNavigationRefresh .destinations .menuLinkList li a {
        width: 165px;
        white-space: normal;
        word-break: break-word;
    }

    ul.globalNavigationRefresh .helpAndContact > .dropdown-menu {
        width: 185px;
    }
}

@media screen and (max-width: 767px) {
    #partialGlobalHeaderMobile .sidebar-offcanvas.mobileHeaderRefresh .list-group ul li div ul li > a.header-wrap:hover {
        text-decoration: none;
    }

    #partialGlobalHeaderMobile .sidebar-offcanvas.mobileHeaderRefresh .list-group ul li div ul li > a.header-wrap:hover div.header-text {
        text-decoration: underline;
    }

    #partialGlobalHeaderMobile .sidebar-offcanvas.mobileHeaderRefresh .list-group ul li div ul li > a.header-wrap:hover span.icon {
        text-decoration: none;
    }
}
/* End of Header CSS */

/**************************************************
 * DVCSS Core - dvcss.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: jjame01 $
 * $Revision: #36 $
 * $Change: 1645903 $
 * $Date: 2016/10/07 $
 **************************************************/

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-color: #00739a;
    outline-offset: -2px;
}

.primary.button > span, .white.button > span, .blue.button > span, .toolbar.button > span {
    background: linear-gradient(to top,rgba(255,255,255,0),rgba(255,255,255,0.56));
}

/*
 * Purchase Page
 */
.purchase-page .dvui-cta .button.white > span,
.purchase-page .dvui-cta .button.blue > span {
    padding: 0 10px;
}

.dvui-search-result-heading {
    overflow: visible;
}

.dvui-search-result-heading .pepMdxIcon {
    position: relative;
    top: 4px;
    font-size: 25px;
    font-style: normal;
}

.dvui-search-result-body {
    position: relative;

    color: #00233C;
    cursor: pointer;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 16px 86px 18px 0;
}

.dvui-search-result-body h3,
.dvui-search-result-body h3 a {
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
}

.dvui-search-result-body h3 {
    padding-left: 8px;
    margin-bottom: 11px;
}

.dvui-search-result-body .dvui-search-result-caret {
    position: absolute;
    top: 50%;
    right: 0;

    color: #DFDFDF;
    font-size: 24px;
    margin-top: -17px;
}

.dvui-search-result-body:hover,
.dvui-search-result-body:hover h3,
.dvui-search-result-body:hover h3 a,
.dvui-search-result-body:hover .dvui-search-result-caret {
    color: #00739a;
}

/* mobile */
@media screen and (max-width: 767px) {

    .dvui-search-result-heading .pepMdxIcon {
        position: relative;
        top: 0;
        font-size: 20px;
        font-style: normal;
    }

    .dvui-search-result-body {
        color: #00233C;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        padding: 17px 47px 19px 0;
    }

    .dvui-search-result-body h3,
    .dvui-search-result-body h3 a {
        color: #00233C;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
    }

    .dvui-search-result-body h3 {
        padding-left: 3px;
        margin-bottom: 8px;
    }

    .dvui-search-result-body .dvui-search-result-caret {
        position: absolute;
        top: 50%;
        right: 0;

        cursor: pointer;
        font-size: 14px;
        margin-top: -7px;
    }

    .dvui-search-result-body:hover,
    .dvui-search-result-body:hover h3,
    .dvui-search-result-body:hover h3 a,
    .dvui-search-result-body:hover .dvui-search-result-caret {
        color: #00739a;
    }

    div#partialSearchBody .panel-heading {
        padding: 10px;
    }

    div#partialSearchBody .panel-heading h3 {
        float: left;
        padding: 11px 0 8px !important;
    }

    div#partialSearchBody .panel-heading button {
        -webkit-transition: background .17s linear;
        -moz-transition: background .17s linear;
        -o-transition: background .17s linear;
        transition: background .17s linear;

        box-shadow: 0 1px 3px 0 #BBB;
        border-color: transparent;

        background: linear-gradient(0deg, #FFF, #F5FAFC 80%) no-repeat;
    }

}

#partialSearchBody > .panel-heading {
    border-color: #DFDFDF;
}


/***********************************************************
 * DVCSS Typography Component - dvcss.typography.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: jjame01 $
 * $Revision: #36 $
 * $Change: 1645903 $
 * $Date: 2016/10/07 $
 ***********************************************************/

.dvcss-content-header {
    padding: 15px 15px 8px;
}

.dvcss-content-title {
    color: #00233C;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    margin: 0;
    line-height: 36px;
}


/***********************************************************
 * DVCSS Helpers
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.dvui-posrel {
    position: relative;
}

.dvui-fit-x {
    width: 100%;
}

.dvui-fit-y {
    height: 100%;
}

.dvui-fit-xy {
    height: 100%;
    width: 100%;
}

.dvui-min-y-700 {
    min-height: 700px;
}

.dvui-max-width-620 {
    max-width: 620px;
}

.dvui-max-width-584 {
    max-width: 584px;
}

.dvui-max-width-530 {
    max-width: 530px;
}

.dvui-max-width-520 {
    max-width: 520px;
}

.dvui-max-width-330 {
    max-width: 330px;
}

.dvui-overflow-auto {
    overflow: auto;
}

.dvui-pull-left {
    float: left;
}

.dvui-valign-top {
    vertical-align: top;
}

.dvui-valign-middle {
    vertical-align: middle;
}

.dvui-valign-bottom {
    vertical-align: bottom;
}

.dvui-pull-right {
    float: right;
}

.dvui-padding-0 {
    padding: 0;
}

.dvui-padding-b-0 {
    padding-bottom: 0!important;
}


/*!
 * Helper classes
 * ========================================
 *
 */

.dvui-text-muted {
    color: #768aa0;
}

.dvui-text-gray {
    color: #8294aa;
}

.dvui-text-white {
    color: #ffffff;
}

.dvui-text-sm {
    font-size: 12px;
}

@media screen and (max-width: 767px) {

    .dvui-max-width-620 {
        max-width: none;
    }

}

.dvui-brand {
    margin-bottom: 15px;
}

.dvui-margin-b-0 {
    margin-bottom: 0;
}



/***********************************************************
 * DVCSS Container classes
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.dvui-dt {
    display: table;
}

.dvui-dt-row {
    display: table-row;
}

.dvui-dt-cell {
    display: table-cell;
}

/* display table for dl dt dd
 * dl - row
 * dt - cell
 * dd - cell
 * =================== */

.dvui-dt > dl {
    display: table-row;
    font-weight: normal;
    margin: 0;
}

.dvui-dt > dt,
.dvui-dt > dd,
.dvui-dt > dl > dt,
.dvui-dt > dl > dd {
    display: table-cell;
    font-weight: normal;
    margin: 0;
    vertical-align: top;
}

.dvui-inline-block {
    display: inline-block;
}

.dvui-container {
    max-width: 980px;
    margin: 0 auto;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}

.dvui-container-main {
    max-width: 970px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    height: auto;
}

.dvui-wraparound:before,
.dvui-wraparound:after,
.dvui-container:before,
.dvui-container:after,
.dvui-container-main:before,
.dvui-container-main:after {
  display: table;
  content: " ";
}

.dvui-wraparound:after,
.dvui-container:after,
.dvui-container-main:after {
  clear: both;
}

.dvui-wraparound {
    position: relative;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvui-container {
        padding: 0 10px;
    }

    .dvui-container-main {
        padding-left: 0;
        padding-right: 0;
    }

}

.dvui-workspace {
    margin-top: -68px;
    padding-top: 68px;
}

.dvui-panel {
    border-radius: 12px;
    border-width: 0;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.dvui-panel > .panel-heading {
    background: none;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 20px 20px 15px;
}

.dvui-panel > .panel-body {
    padding: 20px;
}

.dvui-panel-lg {
    border-radius: 10px;
    border-width: 0;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.dvui-panel-lg > .panel-body {
    padding: 34px 40px 40px;
}

.dvui-panel-lg > .panel-body.dvui-adjust-subflow {
    padding-bottom: 70px;
}

@media screen and (max-width: 767px) {

    .dvui-panel {
        border-radius: 5px;
    }

    .dvui-panel-lg {
        border-radius: 5px;
    }

    .dvui-panel > .panel-body {
        padding: 10px;
    }

    .dvui-panel-lg > .panel-body{
        padding: 10px;
        padding-bottom: 73px;
    }

    .dvui-panel-lg > .panel-body.dvui-adjust-subflow {
        padding-bottom: 71px;
    }

}


/***********************************************************
 * DVCSS Grid Component
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

@media screen and (max-width: 767px) {

    .dvui-col-xs-12,
    .dvui-col-xs-11,
    .dvui-col-xs-10,
    .dvui-col-xs-9,
    .dvui-col-xs-8,
    .dvui-col-xs-7,
    .dvui-col-xs-6,
    .dvui-col-xs-5,
    .dvui-col-xs-4,
    .dvui-col-xs-3-5,
    .dvui-col-xs-3,
    .dvui-col-xs-2,
    .dvui-col-xs-1 {
        float: left;
        position: relative;
    }

    .dvui-col-xs-8 {
        width: 66.66666667%;
    }

    .dvui-col-xs-7 {
        width: 58.33333333%;
    }

    .dvui-col-xs-6 {
        width: 50%;
    }

    .dvui-col-xs-5 {
        width: 41.66666667%;
    }

    .dvui-col-xs-4 {
        width: 33.33333333%;
    }

    .dvui-col-xs-3 {
        width: 33.33333333%;
    }

    .dvui-col-xs-3-5 {
        width: 29%;
    }

}


/***********************************************************
 * DVCSS Story Card Component
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.dvui-story {
    padding: 17px 0;
}

.dvui-story > .dvui-story-body {
    display: table;
    color: #00233C;
    width: 100%;
}

.dvui-story .dvui-story-body > dl {
    display: table-row;
}

.dvui-story .dvui-story-body > dl > dt,
.dvui-story .dvui-story-body > dt {
    position: relative;
    display: table-cell;
    font-size: 14px;
    font-weight: normal;
    vertical-align: top;
    width: 1%;
}

.dvui-story .dvui-story-body > dl > dd,
.dvui-story .dvui-story-body > dd {
    position: relative;
    display: table-cell;
    vertical-align: top;
}

.dvui-story .dvui-story-body > dl > dd > a,
.dvui-story .dvui-story-body > dd > a {
    display: block;
    color: #00233C;
    padding-left: 20px;
    padding-right: 55px;
}

.dvui-story .pepMdxIcon  {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -17px;
    color: #DFDFDF;
    font-size: 24px;
}

.dvui-story .dvui-story-body h4 {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.dvui-story .dvui-story-body > dl > dd > a:hover,
.dvui-story .dvui-story-body > dd > a:hover,
.dvui-story .dvui-story-body > dl > dd > a:hover > h4,
.dvui-story .dvui-story-body > dd > a:hover > h4,
.dvui-story .dvui-story-body > dl > dd > a:hover .pepMdxIcon,
.dvui-story .dvui-story-body > dd > a:hover .pepMdxIcon {
    color: #1994d7;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvui-story {
        padding: 17px 0 0;
    }

    .dvui-story > .dvui-story-body {
        display: block;
        width: auto;
    }

    .dvui-story .dvui-story-body > dl {
        display: block;
    }

    .dvui-story .dvui-story-body > dl > dt,
    .dvui-story .dvui-story-body > dt {
        display: block;
        width: auto;
    }

    .dvui-story .dvui-story-body > dl > dt img,
    .dvui-story .dvui-story-body > dt img {
        width: 100% !important;
    }

    .dvui-story .dvui-story-body > dl > dd,
    .dvui-story .dvui-story-body > dd {
        position: relative;
        display: block;
    }

    .dvui-story .dvui-story-body > dl > dd > a,
    .dvui-story .dvui-story-body > dd > a {
        padding: 16px 55px 13px 0;
    }

}

.dvui-storycard {
    padding: 33px 0;
}

.dvui-storycard h1,
.dvui-storycard .h1 {
    color: #00233C;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 9px;
}

.dvui-storycard h2,
.dvui-storycard .h2 {
    color: #00233C;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 9px;
}

.dvui-storycard .input-group-addon {
    background: none;
    border: 0;
    padding: 6px 0;
    vertical-align: top;
}

.dvui-storycard  .dvui-icon {
    font-size: 50px;
}

.dvui-storycard .input-group-addon.v-align-middle {
    vertical-align: middle;
}

.dvui-storycard .input-group-addon .pepMdxIcon {
    color: #dfdfdf;
}

.dvui-storycard .input-group-addon .pepMdxIcon.dvui-icon {
    color: #00233C;
}

.dvui-storycard .form-control {
    background: none;
    border: 0;
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: auto;
    padding: 0 0 0 30px;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075);
    box-shadow: inset 0 0 0 rgba(0,0,0,.075);
}

.dvui-storycard-inner {
    max-width: 620px;
}

.dvui-storycard a:hover .input-group-addon .pepMdxIcon,
.dvui-storycard a:focus .input-group-addon .pepMdxIcon,
.dvui-storycard a:hover .form-control h2,
.dvui-storycard a:focus .form-control h2,
.dvui-storycard a:hover .form-control,
.dvui-storycard a:focus .form-control {
    color: #1994d7;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvui-storycard {
        padding: 20px 0;
    }

    .dvui-storycard-inner {
        max-width: 180px;
    }

    .dvui-storycard .input-group-addon {
        padding: 0;
    }

    .dvui-storycard  .dvui-icon {
        font-size: 35px;
    }

    .dvui-storycard h2,
    .dvui-storycard .h2 {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .dvui-storycard .form-control {
        font-size: 12px;
        line-height: 20px;
        padding: 0 0 0 15px;
    }

    .dvui-storycard .input-group-addon .pepMdxIcon {
        font-size: 20px;
    }

}


/***********************************************************
 * DVCSS CTA Component
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.dvui-cta {
    background: #00739A;
    border-radius: 12px;
    color: #ffffff;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    padding: 22px 20px 10px;
    margin-bottom: 20px;
    max-width: 250px;
    text-align: center;
}

/* special case only */
.col-sm-4 .dvui-cta {
    width: 250px;
}

.dvui-cta.ctaTopWrapper {
    border-radius: 12px 12px 0 0;
    margin-bottom: 0;
    padding: 21px 20px 1px 20px;
    max-width: 250px;
    width: auto;
}

.dvui-cta.ctaTopWrapper h2 {
    color: #ffffff;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 9px
}

.ctaPointsWrapper {
    margin: 20px 0 15px 0;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 600;
}

.ctaDetailedDescription {
    font-size: 12px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    line-height: 16px;
    font-weight: normal;
}

/* added(and used) for Accessibility - Headings */
.dvui-cta h2 {
    color: #ffffff;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin: 0 0 12px;
}

.dvui-cta h4 {
    color: #ffffff;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin: 0 0 12px;
}

.ctaWidgetTitle {
    color: #ffffff;
}

.dvui-cta > div {
    margin-bottom: 18px;
}

.dvui-cta > div.uiPlus {
    margin-bottom: 20px;
    margin-top: 15px;
}

.dvui-cta p {
    margin-bottom: 0;
}

.dvui-cta .dvui-cta-detailed-desc {
    margin-top: 20px;
    margin-bottom: -5px;
}

/* Specifically for the offers CTA no button */
.dvui-cta .dvui-cta-detailed-desc.leftOffers {
    margin-top: -13px;
    text-align: left;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

@media screen and (max-width: 767px) {

    .dvui-cta .dvui-cta-detailed-desc.leftOffers {
        margin-top: 0;
        margin-bottom: 0;
        text-align: left;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
    }

}

.dvui-cta .dvui-cta-detailed-desc p {
    margin-bottom: 0;
}

.dvui-cta div.dvui-cta-divider {
    height: 0;
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    /*box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);*/
    border-bottom: 1px solid rgba(255,255,255,0.3);
    margin: 20px auto;
}

.dvui-cta a#phone {
    color: #ffffff;
    cursor: default;
    pointer-events: none;
}

.dvui-cta a[href^=tel]{
    color: #ffffff;
    text-decoration: underline;
}

.dvui-cta .button .buttonText {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.dvui-cta .button.blue {
    background-color: #2094bb;
}

.dvui-cta .button.blue.offersButtonWidth {
    width: 135px;
}

.dvui-cta .button.blue:hover,
.dvui-cta .button.blue:focus {
    background-color: #56a6c1;
    text-decoration: none;
}

.ctaBottomWrapper {
    background-color: #e6f3f9;
    border-radius: 0 0 12px 12px;
    text-align: center;
    max-width: 250px;
    margin: 0 auto 20px;
    width: 100%;
}

.ctaBottomWrapper > div {
    padding: 12px 0 14px 0;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #00739a;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvui-cta {
        margin: 0 auto 20px auto;
    }

    .dvui-cta.ctaTopWrapper {
        max-width: 100%;
        width: 100%;
        padding: 18px 20px 21px;
        font-size: 14px;
        line-height: 1.42857143;
    }

    .dvui-cta.ctaTopWrapper h2 {
        margin: 0 0 4px;
        color: #ffffff;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.42857143;
    }

    .dvui-cta .ctaPointsWrapper {
        margin: 0;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 30px;
        font-weight: 600;
        line-height: 1.42857143;
    }

    .dvui-cta .ctaDetailedDescription {
        margin: 0;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-weight: 400;
        line-height: 16px;
    }

    .dvui-cta .dvcss-list-helper + .ctaDetailedDescription {
        margin: 18px 0 0;
    }

    .dvui-cta.ctaOfferWrapper {
        font-size: 14px;
        line-height: 16px;
        max-width: 100%;
        width: 100%;
        margin: 22px 20px 20px 0;
    }

    .dvui-cta > div {
        margin-bottom: 15px;
    }

    .dvui-cta > div:last-child {
        margin-bottom: 0;
    }

    .dvui-cta .dvui-cta-detailed-desc {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .dvui-cta a#phone {
        color: #ffffff;
        cursor: pointer;
        pointer-events: auto;
    }

    .dvui-cta a[href^=tel]{
        color: #ffffff;
        cursor: pointer;
        pointer-events: auto;
        text-decoration: underline;;
    }

    .dvui-cta a.pillSubmit {
        text-decoration: none;
    }

    .dvui-cta + .ctaBottomWrapper {
        max-width: 100%;
        width: 100%;
        padding: 10px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .dvui-cta + .ctaBottomWrapper .dvcss-pepmdx-icon {
        font-size: 15px;
        margin-right: 0;
    }

    .dvui-cta + .ctaBottomWrapper > div {
        padding: 0;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}


/***********************************************************
 * DVCSS Subflow Component
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.dvui-subflow {
    display: block;
    text-align: center;
    color: #65778a;
}

.dvui-subflow > .dvui-subflow-body {
    overflow: visible;
    display: inline-block;
    zoom: 1;
}

/* Steps - subflow
 * =================== */

.dvui-subflow > .dvui-subflow-body #subflowSteps {
    padding-top: 12px;
    padding-bottom: 13px;
}

.dvui-subflow > .dvui-subflow-body #subflowSteps > .bar {
    width: 77px;
}

.dvui-subflow > .dvui-subflow-body #subflowSteps div.step {
    white-space: nowrap;
}

.dvui-subflow > .dvui-subflow-body #subflowSteps div.step label {
    font-size: 12px !important;
    margin-bottom: 3px;
    font-weight: bold;
}

.dvui-subflow > .dvui-subflow-body #subflowSteps div.step .page {
    color: #65778a;
    font-size: 10px;
    font-weight: bold;
    line-height: 18px;
}

.dvui-subflow > .dvui-subflow-body #subflowSteps div.step.active .page {
    background-color: #65778a;
    color: #ffffff;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvui-subflow > .dvui-subflow-body #subflowSteps {
        padding-top: 8px;
        padding-bottom: 7px;
    }

    /* mobile: adjusts the width of subflow steps */
    .dvui-subflow > .dvui-subflow-body #subflowSteps .step {
        width: auto;
        margin-right: 11px;
    }

    /* mobile: hides the bar in subflow steps */
    .dvui-subflow > .dvui-subflow-body #subflowSteps div.bar {
        display: none;
    }

    .dvui-subflow > .dvui-subflow-body #subflowSteps div.step .page {
        color: #768aa0;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 10px;
        line-height: 18px;
    }

    .dvui-subflow > .dvui-subflow-body #subflowSteps div.step.active .page {
        background-color: #768aa0;
        color: #ffffff;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-weight: 600;
        font-size: 10px;
    }

}

/* Actions - subflow
 * =================== */

.dvui-subflow > .dvui-subflow-actions {
    display: inline;
}

.dvui-subflow > .dvui-subflow-actions > .dvui-subflow-left {
    float: left;
    padding-top: 18px;
    padding-bottom: 18px;
}

.dvui-subflow > .dvui-subflow-actions > .dvui-subflow-right {
    float: right;
    padding-top: 18px;
    padding-bottom: 18px;
}

.dvui-subflow > .dvui-subflow-actions > .uiPlus .pillBase.navigation {
    background-color: #acccd4;
}

.dvui-subflow > .dvui-subflow-actions > .uiPlus .pillBase.navigation:hover,
.dvui-subflow > .dvui-subflow-actions > .uiPlus .pillBase.navigation:focus {
    background-color: #c3e0e7;
}

button[name^="subflow_"]:focus > span.pillBase.navigation {
    background-color: #c3e0e7 !important;
}

/* Mobile only: #subflow */
@media screen and (max-width: 767px) {

    .dvui-subflow > .dvui-subflow-actions {
        display: block;
        padding: 0 10px 17px;
        white-space: nowrap;
    }

    .dvui-subflow > .dvui-subflow-actions:before,
    .dvui-subflow > .dvui-subflow-actions:after {
        display: table;
        content: " ";
    }

    .dvui-subflow > .dvui-subflow-actions:after {
        clear: both;
    }

    .dvui-subflow > .dvui-subflow-actions > .dvui-subflow-left {
        float: left;
        padding-top: 0;
        padding-bottom: 0;
    }

    .dvui-subflow > .dvui-subflow-actions > .dvui-subflow-left .pillLink,
    .dvui-subflow > .dvui-subflow-actions > .dvui-subflow-left .pillSubmit {
        margin-left: 0;
    }

    .dvui-subflow > .dvui-subflow-actions > .dvui-subflow-right .pillLink,
    .dvui-subflow > .dvui-subflow-actions > .dvui-subflow-right .pillSubmit {
        margin-left: 10px;
        margin-right: 0;
    }

    .dvui-subflow > .dvui-subflow-actions > .dvui-subflow-right {
        float: right;
        padding-top: 0;
        padding-bottom: 0;
    }

}

@media screen and (max-width: 332px) {

    .dvui-subflow > .dvui-subflow-actions {
        display: table;
        width: 100%;
        white-space: nowrap;
    }

    .dvui-subflow > .dvui-subflow-actions > .dvui-subflow-left {
        float: none;
        display: table-cell;
        text-align: left;
        white-space: nowrap;
        width: 33.33333333%;
    }

    .dvui-subflow > .dvui-subflow-actions > .dvui-subflow-right {
        float: none;
        display: table-cell;
        text-align: right;
        white-space: nowrap;
        width: 100%;
    }

    .dvui-subflow > .dvui-subflow-actions > .dvui-subflow-left .pillLink,
    .dvui-subflow > .dvui-subflow-actions > .dvui-subflow-left .pillSubmit {
        margin-left: 0;
        margin-right: 0;
        padding-right: 12px;
        width: 100%;
    }

    .dvui-subflow > .dvui-subflow-actions > .dvui-subflow-right .pillLink,
    .dvui-subflow > .dvui-subflow-actions > .dvui-subflow-right .pillSubmit {
        margin-left: 0;
        margin-right: 0;
        padding-left: 11px;
        width: 50%;
    }

    .dvui-subflow > .dvui-subflow-actions > .dvui-subflow-right .pillLink:nth-of-type(1),
    .dvui-subflow > .dvui-subflow-actions > .dvui-subflow-right .pillSubmit:nth-of-type(1) {
        padding-left: 5px;
        padding-right: 5px;
    }

    .dvui-subflow > .dvui-subflow-actions .uiPlus .pillBase {
        min-width: 0;
        width: 100%;
    }

    .dvui-subflow > .dvui-subflow-actions .uiPlus .pillBase .gradient {
        padding: 0 2px;
    }

    .registrationFooterWrap .dvui-subflow > .dvui-subflow-actions > .dvui-subflow-left {
        display: block;
        float: left;
    }

    .registrationFooterWrap .dvui-subflow > .dvui-subflow-actions > .dvui-subflow-right {
        display: block;
        float: right;
        width: 66.66666667%;
    }

}


/**************************************************
 * DVCSS Bootstrap Form Override - dvcss.form.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: jjame01 $
 * $Revision: #36 $
 * $Change: 1645903 $
 * $Date: 2016/10/07 $
 **************************************************/

.dvcss-form fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

.dvcss-form legend {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding-bottom: 13px;
}

.dvcss-form legend:before,
.dvcss-form legend:after {
  display: table;
  content: " ";
}

.dvcss-form legend:after {
  clear: both;
}

.dvcss-form legend > small {
    color: #768aa0;
    float: right;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.dvcss-form legend > p {
    margin-bottom: 0;
    max-width: 620px;
}

.dvcss-form legend .dvcss-form-title + p {
    margin-top: 6px;
}

.dvcss-form label,
.dvcss-form span.labelTitle {
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 1px;
}

.dvcss-form .checkbox label {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    max-width: 620px;
    vertical-align: middle;
}

.dvcss-form .form-row:before,
.dvcss-form .form-row:after {
    display: table;
    content: " ";
}

.dvcss-form .form-row:after,
.dvcss-form .form-row:after {
    clear: both;
}

.dvcss-form .form-row {
    margin-bottom: 12px;
}

.dvcss-form .form-group {
    margin-bottom: 0;
    white-space: normal;
}

.dvcss-form .dvcss-form-title {
    display: block;
    width: 100%;
    border: 0;
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 0;
    padding: 0;
}

.dvcss-form .form-control {
    height: auto;
    width: 100%;
    border: 0;
    border-radius: 6px;
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 10px 3px;

    box-shadow: 0 1px 3px 0 #777;
}

.dvcss-form .has-error label,
.dvcss-form.form-inline .has-error label {
    color: #ff4605;
}

.dvcss-form .has-error .form-control,
.dvcss-form .has-error .textInput input,
.dvcss-form .has-error .selectBox .selectBox-nojs,
.dvcss-form .has-error .selectBox .select-toggle {
    border-color: #a94442;
    -webkit-box-shadow: 0 1px 4px 0 #ff4605;
    -moz-box-shadow: 0 1px 4px 0 #ff4605;
    box-shadow: 0 1px 4px 0 #ff4605;
}

.dvcss-form .has-error .selectBox.focus .selectBox-nojs,
.dvcss-form .has-error .textInput input:focus,
.dvcss-form .has-error .standardFormElement.focus .select-toggle {
    -webkit-box-shadow: 0 0 4px 1px #00739a;
    -moz-box-shadow: 0 0 4px 1px #00739a;
    box-shadow: 0 0 4px 1px #00739a;
}

.dvcss-form .form-control:focus,
.dvcss-form .selectBox:focus .selectBox-nojs,
.dvcss-form .selectBox:focus .select-toggle {
    -webkit-box-shadow: 0 0 4px 1px #00739a;
    -moz-box-shadow: 0 0 4px 1px #00739a;
    box-shadow: 0 0 4px 1px #00739a;
}

.dvcss-form label > .peptasia,
.dvcss-form label > .dvcss-pepmdxicon {
    top: -3px;

    color: #8294AA;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    margin-left: 4px;
    vertical-align: middle;
}

.dvcss-form .help-block {
    display: block;

    color: #8294aa;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin: 2px 0 0;
}

/* mobile only */
@media screen and (max-width: 767px) {

    .dvcss-form legend > small {
        float: none;
        display: block;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        text-align: right;
        padding-top: 2px;
        padding-bottom: 10px;
    }

    .dvcss-form .form-control {
        padding: 9px 6px 8px;
    }

}

/* ------------------------------
 * Form Link
 * ------------------------------ */
.dvcss-form-link {
    color: #00739a;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
}

/* ------------------------------
 * Form List
 * ------------------------------ */

.dvcss-form-list.has-error {
    color: #ff4605;
}

.dvcss-form-list-left {
    float: left;
    margin-right: 6px;
}

.dvcss-form-list-left .peptasia,
.dvcss-form-list-left .dvcss-pepmdxicon {
    top: -2px;

    font-size: 21px;
}

.dvcss-form-list-title {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.dvcss-form-list-title a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.dvcss-form-list-body {
    overflow: hidden;
}

.dvcss-form-list-body > ul {
    list-style-type: disc;
    margin: 0 0 0 16px;
    padding: 0;
}

.dvcss-form-list-body > ul > li {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.dvcss-form-list-body > ul > li:first-child {
    margin-top: 7px;
}

/* mobile only */
@media screen and (max-width: 767px) {

    .dvcss-form-list-title {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
    }

}

/* ------------------------------
 * Form Inline
 * ------------------------------ */

.dvcss-form.form-inline label,
.dvcss-form.form-inline .form-label {
    display: block;

    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    padding-bottom: 1px;
}

.dvcss-form.form-inline .checkbox label {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    max-width: 620px;
    padding-left: 7px;
    vertical-align: top;
}

.dvcss-form.form-inline .dvcss-radio.radio,
.dvcss-form.form-inline .dvcss-checkbox.checkbox {
    margin-top: 4px;
    margin-bottom: 3px;
}

.dvcss-form.form-inline .dvcss-radio.radio input[type=radio],
.dvcss-form.form-inline .dvcss-checkbox.checkbox input[type=checkbox] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}

/* Desktop only */
@media screen and (min-width: 768px) {

    .dvcss-form.form-inline .form-group {
       margin-right: 8px;
       vertical-align: top;
    }

    .dvcss-form.form-inline .form-group:last-child {
       margin-left: 0;
    }

    .dvcss-form.form-inline .form-control {
        width: auto;
        width: 180px;
    }

    .dvcss-form.form-inline .form-control.input-xshort {
        width: 30px;
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvcss-form.form-inline label {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
    }

}


/***********************************************************
 * DVCSS Select2 Override
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.dvcss-form .form-control.select2-container {
    padding: 0;
}

.dvcss-form .form-control.select2-container .select2-choices .select2-search-field input,
.dvcss-form .form-control.select2-container .select2-choice,
.dvcss-form .form-control.select2-container .select2-choices {
    border: 0;
    border-radius: 6px;
}

.dvcss-form .form-control.select2-container-active .select2-choices .select2-search-field input,
.dvcss-form .form-control.select2-container-active .select2-choice,
.dvcss-form .form-control.select2-container-active .select2-choices {
    box-shadow: 0 0 4px 1px #00739a;
}

.select2-drop {
    margin-top: 0;
    box-shadow: 0 1px 3px 1px #00739a;
}

.select2-drop-active {
    border: 0;
}

.select2-search {
    background: #fff;
    margin-top: -2px;
}

.select2-offscreen + .select2-results {
    background: #fff;

    margin-top: -2px;
    margin-right: 0;
    padding-top: 0px;
    padding-right: 4px;
}


/***********************************************************
 * DVCSS  Form Fieldset
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.dvui-fieldset {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.dvui-fieldset hr.hr-faded,
.dvui-fieldset hr.dvui-hr-faded {
    margin-top: 25px;
    margin-bottom: 25px;
}

.dvui-fieldset div.horizontalSeparator {
    margin-top: 25px;
    margin-bottom: 25px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvui-fieldset {
        font-size: 12px;
        line-height: 15px;
    }

    .dvui-fieldset hr.hr-faded,
    .dvui-fieldset hr.dvui-hr-faded {
        margin-top: 33px;
        margin-bottom: 33px;
    }

    .dvui-fieldset div.horizontalSeparator {
        margin-top: 33px;
        margin-bottom: 33px;
    }

}

/* Fieldset Header
 * =================== */

.dvui-fieldset-header {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding-bottom: 13px;
}

.dvui-fieldset-header > small {
    color: #768aa0;
    float: right;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 4px;
}

.dvui-fieldset-header > h3 {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 0;
}

.dvui-fieldset-header > div {
    margin-top: 5px;
    margin-bottom: 2px;
}

.dvui-fieldset-header > h3 ~ p {
    margin-top: 6px;
}

.dvui-fieldset-header > p {
    margin-bottom: 0;
}

.dvui-fieldset-header-required {
    color: #8294aa;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-top: -5px;
}

/* mobile */
@media screen and (max-width: 767px) {

    .dvui-fieldset-header {
        padding-bottom: 20px;
    }

    .dvui-fieldset-header > small {
        display: block;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        float: none;
        text-align: right;
    }

    .dvui-fieldset-header > h3 {
        margin-bottom: 0;
    }

    .dvui-fieldset-header > div {
        margin-top: 7px;
    }

    .dvui-fieldset-header-required > small {
        display: block;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        float: none;
        text-align: right;
        padding-bottom: 10px;
    }

}


/* Fieldset Row
 * =================== */

.dvui-fieldset-row {
    margin-bottom: 17px;
}

.dvui-fieldset-row.dvui-fieldset-row-last {
    margin-bottom: 0;
}

.dvui-fieldset-row  > .formHandler:before,
.dvui-fieldset-row  > .formHandler:after {
    display: table;
    content: " ";
}

.dvui-fieldset-row  > .formHandler:after {
    clear: both;
}

.dvui-fieldset-row  > dl.formHandler,
.dvui-fieldset-row  > .formHandler {
    position: relative;
    display: inline-block;
    margin: 0 -3px 0 0;
    vertical-align: bottom;
}

.dvui-fieldset-row  > dl.formHandler > dt,
.dvui-fieldset-row  > .formHandler > dt,
.dvui-fieldset-row  > .formHandler > .dvui-fieldset-col {
    display: inline-block;
    float: left;
}

.dvui-fieldset-row  .dvui-fieldset-control-label {
    display: block;
    float: none;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
}

/*
.dvui-fieldset-row > .dvui-fieldset-col-checkbox {
    padding-top: 5px;
}
*/

.dvui-fieldset-row .dvui-fieldset-col.dvui-fieldset-col-checkbox {
    display: block;
    padding-bottom: 15px;
    float: none;
}

.dvui-fieldset-row .dvui-fieldset-col.dvui-fieldset-col-checkbox.dvui-fieldset-col-checkbox-last {
    padding-bottom: 0;
}

.dvui-fieldset-row .dvui-fieldset-col-checkbox > .richCheckBox {
    display: table-cell;
    position: relative;
    top: 0;
    padding-right: 5px;
    vertical-align: top;
}

.dvui-fieldset-row .dvui-fieldset-col-checkbox > label {
    display: table-cell;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    max-width: 620px;
    overflow: hidden;
    padding-top: 3px;
    vertical-align: top;
}


/* mobile: */
@media screen and (max-width: 767px) {

    .dvui-fieldset-row  > dl.formHandler,
    .dvui-fieldset-row  > .formHandler {
        display: block;
        margin-right: 0;
    }

    .dvui-fieldset-row  > dl.formHandler > dt,
    .dvui-fieldset-row  > .formHandler > dt,
    .dvui-fieldset-row  > .formHandler > .dvui-fieldset-col {
        display: block;
        float: none;
    }

    .dvui-fieldset-row .dvui-fieldset-col {
        margin-bottom: 29px;
    }

    .dvui-fieldset-row .dvui-fieldset-col.dvui-fieldset-col-last {
        margin-bottom: 0;
    }

    .dvui-fieldset-row .dvui-fieldset-col.dvui-fieldset-col-checkbox {
        margin-bottom: 0;
        padding-bottom: 10px;
    }

    .dvui-fieldset-row .dvui-fieldset-col-checkbox > label {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }

    .dvui-fieldset-row .dvui-fieldset-col-checkbox > .richCheckBox {
        top: 0;
        margin-top: -2px;
    }

}

/* Radio
 * =================== */

.dvui-fieldset-radio-label {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 9px;
}

.dvui-fieldset-radio-group {
    margin-top: 29px;
}

.dvui-fieldset-col-radio > label {
    background: url('../images/radio-default.png') left top no-repeat;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    margin-right: 29px;
    min-height: 30px;
    vertical-align: top;
    padding-top: 2px;
}

.dvui-fieldset-col-radio > label.active {
    background: url('../images/radio-active.png') left top no-repeat;
}

.dvui-fieldset-col-radio > label > input {
    top: 0;
    height: 30px;
    width: 30px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 7px;
    vertical-align: middle;
    opacity: 0;
    filter: alpha(opacity=0);
}

.dvui-fieldset-col-radio > label span,
.dvui-fieldset-col-radio > label strong {
    vertical-align: middle;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvui-fieldset-radio-label {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 7px;
    }

    .dvui-fieldset-row .dvui-fieldset-col.dvui-fieldset-col-radio:last-child {
        margin-bottom: 0;
    }

    .dvui-fieldset-col-radio > label {
        display: block;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-right: 0;
        margin-bottom: 8px;
        padding-top: 6px;
    }

    .dvui-fieldset-col-radio.dvui-fieldset-col-radio-inline > label {
        display: inline-block;
        margin-right: 30px;
        margin-bottom: 0;
    }

    .dvui-fieldset-radio-group {
        margin-top: 25px;
    }

}

.dvui-fieldset-row > .dvui-fieldset-col.dvui-fieldset-col-radio {
    margin-top: 30px;
    margin-bottom: 0;
}

.dvui-fieldset-row > .dvui-fieldset-col.dvui-fieldset-col-radio h5 {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 9px;
}

.dvui-fieldset-row > .dvui-fieldset-col.dvui-fieldset-col-radio h5 > label {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}

.dvui-fieldset-row > .dvui-fieldset-col.dvui-fieldset-col-radio .formHandler label {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-right: 25px;
}


/***********************************************************
 * DVCSS Forms
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.dvui-form-fieldset {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
}

.dvui-form-fieldset.dvui-form-fieldset-condensed {
    margin-top: 0;
    margin-bottom: 0;
}

.dvui-form-fieldset hr.hr-faded,
.dvui-form-fieldset hr.dvui-hr-faded {
    margin-top: 25px;
    margin-bottom: 25px;
}

/* Form Header
 * =================== */

.dvui-form-header {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding-bottom: 13px;
}

.dvui-form-header > h3 {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 0;
}

.dvui-form-header > div {
    margin-top: 5px;
    margin-bottom: 2px;
}

.dvui-form-header > p {
    margin-bottom: 0;
}

/* mobile */
@media screen and (max-width: 767px) {

    .dvui-form-fieldset {
        font-size: 12px;
        line-height: 15px;
        margin-top: 31px;
        margin-bottom: 23px;
    }

    .dvui-form-header {
        padding-bottom: 20px;
    }

    .dvui-form-header > small {
        display: block;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        float: none;
        text-align: right;
    }

    .dvui-form-header > h3 {
        margin-bottom: 0;
    }

    .dvui-form-header > div {
        margin-top: 7px;
    }

}

/* Form Row
 * =================== */

.dvui-form-fieldset > .dvui-form-row {
    margin-bottom: 17px;
}

.dvui-form-fieldset > .dvui-form-row.dvui-form-row-last {
    margin-bottom: 0;
}

.dvui-form-fieldset > .dvui-form-row  > .formHandler:before,
.dvui-form-fieldset > .dvui-form-row  > .formHandler:after {
    display: table;
    content: " ";
}

.dvui-form-fieldset > .dvui-form-row  > .formHandler:after {
    clear: both;
}

.dvui-form-fieldset > .dvui-form-row  > dl.formHandler,
.dvui-form-fieldset > .dvui-form-row  > .formHandler {
    position: relative;
    display: inline-block;
    margin: 0;
    vertical-align: bottom;
}

.dvui-form-fieldset > .dvui-form-row  > dl.formHandler > dt,
.dvui-form-fieldset > .dvui-form-row  > .formHandler > dt,
.dvui-form-fieldset > .dvui-form-row  > .formHandler > .dvui-form-group {
    display: inline-block;
    float: left;
}

/*
.dvui-form-fieldset > .dvui-form-row > .dvui-form-checkbox-group {
    padding-top: 5px;
}
*/

.dvui-form-fieldset > .dvui-form-row > .dvui-form-group.dvui-form-checkbox-group {
    padding-bottom: 15px;
}

.dvui-form-fieldset > .dvui-form-row > .dvui-form-group.dvui-form-checkbox-group.dvui-form-checkbox-group-last {
    padding-bottom: 0;
}

.dvui-form-fieldset > .dvui-form-row > .dvui-form-checkbox-group > .richCheckBox {
    position: relative;
    top: -4px;
    float: left;

    margin-right: 6px;
}

.dvui-form-fieldset > .dvui-form-row > .dvui-form-checkbox-group > label {
    display: block;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    max-width: 620px;
    overflow: hidden;
}


/* mobile: */
@media screen and (max-width: 767px) {

    .dvui-form-fieldset > .dvui-form-row  > dl.formHandler,
    .dvui-form-fieldset > .dvui-form-row  > .formHandler {
        display: block;
    }

    .dvui-form-fieldset > .dvui-form-row  > dl.formHandler > dt,
    .dvui-form-fieldset > .dvui-form-row  > .formHandler > dt,
    .dvui-form-fieldset > .dvui-form-row  > .formHandler > .dvui-form-group {
        display: block;
        float: none;
    }

    .dvui-form-fieldset > .dvui-form-row .dvui-form-group {
        margin-bottom: 29px;
    }

    .dvui-form-fieldset > .dvui-form-row .dvui-form-group:last-child {
        margin-bottom: 11px;
    }

    .dvui-form-fieldset > .dvui-form-row > .dvui-form-group.dvui-form-checkbox-group {
        margin-bottom: 0;
        padding-bottom: 10px;
    }

    .dvui-form-fieldset > .dvui-form-row > .dvui-form-checkbox-group > label {
        font-size: 12px;
        line-height: 20px;
    }

    .dvui-form-fieldset > .dvui-form-row > .dvui-form-checkbox-group > .richCheckBox {
        top: 0;
    }

}


/***********************************************************
 * DVCSS Form + PEP Component
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

/* PEP Label
 * =================== */

.uiPlus .dvui-fieldset .formInputElement {
    margin-bottom: 0;
    margin-right: 12px;
}

.dvui-fieldset .formInputElement > label {
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
}

.dvui-fieldset .formInputElement > .uiToolTip {
    vertical-align: top;
    margin-top: -3px;
    top: 2px;
}

/* PEP Input Texts and Textareas
 * =================== */

.uiPlus .dvui-fieldset .textInput {
    position: relative;
    min-height: 0;
    margin-top: 7px;
    margin-bottom: 0;
}

.uiPlus .dvui-fieldset .textInput input,
.uiPlus .dvui-fieldset .textInput textarea {
    margin: 0;
}

.uiPlus .dvui-fieldset .textInput.xxlong input {
    width: 540px;
}

.uiPlus .dvui-fieldset .textInput.xlong input {
    width: 436px;
}

.uiPlus .dvui-fieldset .textInput.long input {
    width: 215px;
}

.uiPlus .dvui-fieldset .textInput.short input {
    width: 90px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .uiPlus .dvui-fieldset .textInput {
        margin-top: 16px;
    }

}


/* PEP Input Select Boxes
 * =================== */

.dvui-fieldset .selectBox {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin-top: 7px;
    vertical-align: bottom;
}

.dvui-fieldset .selectBox .select-toggle,
.dvui-fieldset .selectBox-nojs {
    line-height: 1;
}

.dvui-fieldset .selectBox .shadow-mask {
    top: 21px;
    height: 5px;
}

.dvui-fieldset .selectBox.popup .shadow-mask {
    top: 0;
}

.dvui-fieldset .selectBox-nojs .inputElement {
    line-height: 24px;
}

.dvui-fieldset .selectBox.short {
    width: 90px;
}

.dvui-fieldset .selectBox.long {
    width: 215px;
}

.dvui-fieldset .selectBox.xlong {
    width: 436px;
}

.dvui-fieldset .selectBox.xxlong {
    width: 540px;
}

.dvui-fieldset .selectBox .select-toggle {
    display: block;
}

.dvui-fieldset .selectBox .select-toggle .select-value {
    display: block;
    right: 30px;
    color: #768AA0;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    line-height: 27px;
    max-width: none;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
}

.dvui-fieldset .selectBox .listWrapper {
    -webkit-box-shadow: 0 0 4px 1px #00739a;
    -moz-box-shadow: 0 0 4px 1px #00739a;
    box-shadow: 0 0 4px 1px #00739a;
}

.dvui-fieldset .selectBox .selectOption.over {
    transition-property: background-color,color;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -webkit-transition-property: background-color,color;
    -webkit-transition-duration: .3s;
    -o-transition-property: background-color,color;
    -o-transition-duration: .3s;
    background-color: #00739a;
    color: #FFF;
}

.dvui-fieldset .selectBox.status-open .select-toggle .select-value {
    color: #768AA0;
    font-style: italic;
}

.dvui-fieldset .selectBox:hover .select-value {
    color: #00739a;
}

.dvui-fieldset .selectBox.focus .select-value {
    color: #00739a;
}

.dvui-fieldset .selectBox.focus.status-open .select-toggle .select-value {
    color: #768AA0;
    font-style: italic;
}

.dvui-fieldset .selectBox .selectBox-nojs {
    display: block;
}

.dvui-fieldset .selectBox.focus .selectBox-nojs {
    -webkit-box-shadow: 0 0 4px 1px #00739a;
    -moz-box-shadow: 0 0 4px 1px #00739a;
    box-shadow: 0 0 4px 1px #00739a;
}

.uiPlus .dvui-fieldset .selectBox.standardFormElement.error {
    margin-bottom: 0;
}

/* Mobile only  */
@media screen and (max-width: 767px) {

    .uiPlus .dvui-fieldset .formInputElement {
        display: block;
        margin-right: 0;
        width: 100%;
    }

    .dvui-fieldset .selectBox {
        display: block;
        margin-top: 16px;
        margin-bottom: 0;
    }

    .dvui-fieldset .selectBox .shadow-mask {
        top: 32px;
        height: 5px;
    }

    .dvui-fieldset .selectBox.popup .shadow-mask {
        top: 0;
    }

    .dvui-fieldset .selectBox-nojs .inputElement {
        line-height: 35px;
        height: 35px;
    }

    .dvui-fieldset .selectBox .select-toggle .select-value {
       line-height: 37px;
    }

    .dvui-fieldset .selectBox,
    .dvui-fieldset .selectBox.xxlong,
    .dvui-fieldset .selectBox.xlong,
    .dvui-fieldset .selectBox.long,
    .dvui-fieldset .selectBox.short,
    .uiPlus .dvui-fieldset .textInput input,
    .uiPlus .dvui-fieldset .textInput.xxlong input,
    .uiPlus .dvui-fieldset .textInput.xlong input,
    .uiPlus .dvui-fieldset .textInput.long input,
    .uiPlus .dvui-fieldset .textInput.short input {
        width: 100%;
    }

}


/*!
 * Forms + PEP Component
 * ========================================
 *
 */


/* PEP Label
 * =================== */

.uiPlus .dvui-form-fieldset .formInputElement {
    margin-bottom: 0;
    margin-right: 12px;
}

.dvui-form-fieldset .formInputElement > label {
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
}

.dvui-form-fieldset .formInputElement > .uiTooltip {
    vertical-align: middle;
}


/* PEP Input Texts and Textareas
 * =================== */

.uiPlus .dvui-form-fieldset .textInput {
    position: relative;
    min-height: 0;
    margin-top: 7px;
}

.uiPlus .dvui-form-fieldset .textInput input,
.uiPlus .dvui-form-fieldset .textInput textarea {
    margin: 0;
}

.uiPlus .dvui-form-fieldset .textInput.long input {
    width: 212px;
}



/* PEP Input Select Boxes
 * =================== */

.dvui-form-fieldset .selectBox {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin-top: 7px;
    vertical-align: bottom;
}

.dvui-form-fieldset .selectBox.long {
    width: 215px;
}

.dvui-form-fieldset .selectBox .select-toggle {
    display: block;
}

.uiPlus .dvui-form-fieldset .selectBox.standardFormElement.error {
    margin-bottom: 0;
}

/* mobile:  */
@media screen and (max-width: 767px) {

    .uiPlus .dvui-form-fieldset .formInputElement {
        display: block;
        margin-right: 0;
    }

    .dvui-form-fieldset .selectBox {
        display: block;

        margin-bottom: 0;
    }

    .dvui-form-fieldset .selectBox,
    .dvui-form-fieldset .selectBox.long,
    .uiPlus .dvui-form-fieldset .textInput input,
    .uiPlus .dvui-form-fieldset .textInput.long input {
        width: 100%;
    }

}

/*!
 * Form Inline Errors
 * ========================================
 *
 */

.dvui-form-fieldset .inlineErrors {
    display: block;

    color: #ff4605;
    font-size: 14px;
    line-height: 18px;
    margin-top: 9px;
    margin-left: 16px;
}

.dvui-form-fieldset .inlineErrors > li {
    line-height: 18px;
}

.dvui-form-fieldset .inlineErrors > li:last-child {
    margin-bottom: 4px;
}

.uiPlus .standardFormElement.error {
    color: #00233C
}

@media screen and (max-width: 767px) {

    .dvui-form-fieldset .inlineErrors {
        color: #FF4605;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        margin-top: 4px;
    }

    .dvui-form-fieldset .inlineErrors:empty {
        display: none;
    }

}


/*!
 * Form Checkbox
 * ========================================
 *
 */

.dvui-form-checkbox {
    position: relative;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    max-width: 620px;
    padding-top: 1px;
    padding-bottom: 17px;
    padding-left: 24px;
    vertical-align: top;
}

.dvui-form-checkbox > input[type=checkbox] {
    position: absolute;
    left: 0;
    z-index: 1;
    margin-right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.dvui-form-checkbox > i {
    display: inline-block;
    background-image: url(/media/dvc/pep_01/image-sprites/86ab1b94a0412feabc5d69bfcb6569b5-sprite-noRepeat-interactive.png);
    background-repeat: no-repeat;
    background-position: 0 -6901px;
    position: absolute;
    top: 0;
    left: -1px;
    height: 20px;
    width: 20px;
    vertical-align: top;
    z-index: 0;
}

.dvui-form-checkbox > input[type=checkbox]:checked + i {
    background-position: 0 -7027px;
}


/***********************************************************
 * DVCSS Form Helper
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.dvui-help {
    color: #8294aa;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin: -3px 0 0;
}

@media screen and (max-width: 767px) {

    .dvui-help {
        line-height: 14px;
    }

}

/*!
 * Form Form Hint
 * ========================================
 *
 */

.dvui-form-hint {
    color: #8294aa;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin: 9px 0 0;
}

@media screen and (max-width: 767px) {

    .dvui-form-hint {
        line-height: 14px;
    }

}

/*!
 * Form Form Link
 * ========================================
 *
 */

.dvui-fieldset-link,
.dvui-form-link {
    color: #00739a;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-top: 12px;
}

@media screen and (max-width: 767px) {

    .dvui-fieldset-link,
    .dvui-form-link {
        margin-top: 10px;
    }

}

/*!
 * Fieldset Inline Errors
 * ========================================
 *
 */

.dvui-fieldset .jsvfElement .standardFormElement .inlineErrors,
.dvui-fieldset .inlineErrors {
    display: block;
    color: #ff4605;
    font-size: 14px;
    line-height: 18px;
    list-style-type: disc;
    margin-top: 9px;
    margin-left: 16px;
}

.dvui-fieldset .inlineErrors > li {
    display: list-item;
    line-height: 18px;
}

.dvui-fieldset .inlineErrors > li:last-child {
    margin-bottom: 4px;
}

.uiPlus .standardFormElement.error {
    color: #00233C
}

@media screen and (max-width: 767px) {

    .dvui-fieldset .inlineErrors {
        color: #FF4605;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        margin-top: 4px;
    }

    .dvui-fieldset .inlineErrors:empty {
        display: none;
    }

}

/*!
 * Form Error State
 * ========================================
 *
 */

.dvui-error-state-header {
    overflow: visible;
    margin-top: 0;
    margin-bottom: 0;
}

.dvui-error-state-header .dvui-error-msg-icon {
    position: relative;
    top: -5px;
    color: #FF4605;
    font-size: 21px;
    margin-top: -2px;
    margin-right: 4px;
    vertical-align: middle;
}

.dvui-error-state-header > .media-body > .err-msg {
    color: #FF4605;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
}

.dvui-error-state-header > .media-body > ul.inlineErrors {
    color: #FF4605;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-left: 16px;
}

.dvui-error-state-header > .media-body > ul.inlineErrors > li:last-child {
    margin-bottom: 27px;
}

.dvui-error-state-header > .media-body > #error-listing-container > ul {
    color: #FF4605;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-left: 16px;
}

.dvui-error-state-header > .media-body > #error-listing-container > ul >li {
    margin-left: 0;
}

@media screen and (max-width: 767px) {

    .dvui-error-state-header > .media-body > .err-msg {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
        padding: 0;
    }

}




/*! DEPRECATED
 * Form Error Messages
 * ========================================
 *
 */

/* Alert Error Legacy
 * =================== */

.dvui-error-state-header .error_icon {
    position: relative;
    top: -5px;

    float: left;
    margin-right: 0;
}

.dvui-error-state-header > h3.err-msg {
    display: block!important;

    color: #FF4605;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    overflow: hidden;
    margin: 0 !important;
    padding: 0;
    vertical-align: middle;
}

.dvui-error-state-header > #error-listing-container {
    padding-left: 36px;
    margin-bottom: 17px;
    margin-top: 6px;
}

@media screen and (max-width: 767px) {

    .dvui-error-state-header > h3.err-msg {
        display: block;

        color: #FF4605;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        margin: 8px 0 5px 0;
        overflow: hidden;
        padding: 0 0 0 6px;
        vertical-align: middle;
    }

    .dvui-error-state-header > #error-listing-container {
        padding-left: 36px;
        margin-bottom: 17px;
    }

    .dvui-error-state-header > #error-listing-container > ul {
        margin: 0;
    }

    .dvui-error-state-header > #error-listing-container > ul  > li {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        color: #ff4605;
        margin-left: 10px;
        position: static;
    }

}

.dvui-error-msg {
    overflow: visible;
    margin-bottom: 0;
}

.dvui-error-msg .dvui-error-msg-icon {
    position: relative;
    top: -5px;

    color: #FF4605;
    font-size: 21px;
    margin-top: -2px;
    margin-right: 4px;
    vertical-align: middle;
}

.dvui-error-msg > .media-body > .err-msg {
    color: #FF4605;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}


.dvui-form-header-required {
    margin-top: -7px;
    margin-bottom: 10px;
    text-align: right;
}

.dvui-form-header-required > small {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #8294aa;
}

@media (max-width: 768px) {
    /* special case only */
    .col-sm-4 .dvui-cta {
        width: auto;
    }
}


/***********************************************************
 * DVCSS HR Component
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.hr-faded-y,
.dvui-hr-faded-y {
    display: inline-block;
    height: 100%;
    width: 1px;
    vertical-align: middle;
    border-right: 0 solid #dfdfdf;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(217,217,217,1) 25%,rgba(217,217,217,1) 75%,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(25%,rgba(217,217,217,1)),color-stop(75%,rgba(217,217,217,1)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(217,217,217,1) 25%,rgba(217,217,217,1) 75%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0,rgba(217,217,217,1) 25%,rgba(217,217,217,1) 75%,rgba(255,255,255,0) 100%);
    background: linear-gradient(top,rgba(255,255,255,0) 0,rgba(217,217,217,1) 25%,rgba(217,217,217,1) 75%,rgba(255,255,255,0) 100%);
}

hr.hr-faded,
hr.dvui-hr-faded {
    position: relative;
    display: block;
    clear: both;
    height: 1px;
    width: 100%;
    margin: 0 auto;
    background: transparent;
    background-image: -webkit-gradient(linear,0% 0,100% 0,from(rgba(255,255,255,0)),color-stop(5%,#dfdfdf),color-stop(95%,#dfdfdf),to(rgba(255,255,255,0)));
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),#dfdfdf 5%,#dfdfdf 95%,rgba(255,255,255,0));
    background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0), #dfdfdf 5%, #dfdfdf 95%, rgba(255, 255, 255, 0));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #dfdfdf 13%, #dfdfdf 79%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

hr.hr-adjust-lg,
hr.dvui-hr-adjust-lg {
    margin: 36px 0;
}

hr.hr-faded2,
hr.dvui-hr-faded2 {
    border: 0;
    height: 1px;
    background: transparent;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background-image:    -moz-linear-gradient(left, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background-image:     -ms-linear-gradient(left, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background-image:      -o-linear-gradient(left, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    margin: 0;
    width: 100%;
}

hr.temporary {
    margin-top: 18px;
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),#dfdfdf 5%,#dfdfdf 95%,rgba(255,255,255,0));
}

/***********************************************************
 * DVCSS Reg Footer Component
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.dvui-reg-footer {
    color: #00233C;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.dvui-reg-footer > h2,
.dvui-reg-footer > .dvui-reg-footer-title {
    color: #00233C;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.dvui-reg-footer .dvui-reg-footer-icon,
.dvui-reg-footer .pepMdxIcon {
    font-style: normal;
    font-size: 21px;
    font-weight: normal;
    vertical-align: middle;
    margin-left: -2px;
    margin-right: -1px;
}

.dvui-reg-footer > ul {
    margin-bottom: 0;
}

.dvui-reg-footer > ul > li > a {
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
}

.dvui-reg-footer > ul > li > a > .media .dvui-reg-footer-icon,
.dvui-reg-footer > ul > li > a > .media .pepMdxIcon {
    margin-left: -2px;
    margin-right: 3px;
}

.dvui-reg-footer > ul > li > a > .media > .media-body {
    padding-top: 5px;
    font-family: Avenir;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvui-reg-footer {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
    }

    .dvui-reg-footer > h2,
    .dvui-reg-footer > .dvui-reg-footer-title {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 20px;
    }

    .dvui-reg-footer .dvui-reg-footer-icon,
    .dvui-reg-footer .pepMdxIcon {
        margin-right: 1px;
    }

    .dvui-reg-footer > ul > li > a {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
    }

    .dvui-reg-footer > ul > li > a > .media .dvui-reg-footer-icon,
    .dvui-reg-footer > ul > li > a > .media .pepMdxIcon {
        margin-right: 5px;
    }

}


/***********************************************************
 * DVCSS Page Header Component
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.dvui-page-header {
    border-bottom: 0;
    margin: 0;
    padding: 0 0 13px;
}

.dvui-page-header > h1,
.dvui-page-header > h2
{
    color: #fff;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-weight: 100;
    line-height: 40px;
    margin: 0;
    padding-top: 40px;
    padding-bottom: 5px;
}

@media screen and (max-width: 767px) {

    .dvui-page-header {
        padding-bottom: 10px;
    }

    .dvui-page-header > h1,
    .dvui-page-header > h2 {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 20px;
        padding-bottom: 0;
    }

}


/*!
 * Breadcrumb Component
 * ========================================
 */

.dvui-breadcrumb {
    background-color: #f5f5f5;
    background-color: transparent;
    border-radius: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    list-style: none;
    margin: 0 0 -3px;
    padding: 0 0 0 10px;
    text-align: left;
}

.dvui-breadcrumb > li {
    /*color: #53a0bb;*/
    color: #ffffff;
}

.dvui-breadcrumb .pepMdxIcon {
    font-size: 11px;
    top: -1px;
    position: relative;
    vertical-align: bottom;
    font-style: normal;
}

.dvui-breadcrumb .pepMdxHome {
    top: -2px;
    margin-right: 3px;
    vertical-align: middle;
}

.dvui-breadcrumb > li.breadcrumb-separator {
    margin-left: 3px;
    margin-right: 3px;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.dvui-breadcrumb > li + li:before {
    content: "";
    padding: 0;
}

.dvui-breadcrumb > li > a {
    color: #ffffff;
    vertical-align: middle;
    line-height: 20px;
}

.dvui-breadcrumb > li > a > .pepMdxIcon {
    margin-right: 6px;
}

.dvui-breadcrumb > .active {
    color: #ffffff;
}

.dvui-breadcrumb > li > a:hover,
.dvui-breadcrumb > li > a:focus {
    color: #ffffff;
    text-decoration: underline;
}

/*!
 * Page Header + Breadcrumb Component
 * ========================================
 */

.dvui-page-header .dvui-breadcrumb {
    margin-top: 27px;
    padding-left: 0;
}

.dvui-page-header .dvui-breadcrumb + h2 {
    padding-top: 14px;
    padding-bottom: 4px;
}

.dvui-btn {
    position: relative;

    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding-top: 11px;
    padding-bottom: 12px;
    text-align: center;

    -webkit-transition: background .17s linear;
    -moz-transition: background .17s linear;
    -o-transition: background .17s linear;
    transition: background .17s linear;

    box-shadow: 0 1px 3px 0 #BBB;
    border-color: transparent;

    background: linear-gradient(0deg, #FFF, #F5FAFC 80%) no-repeat;
}

.dvui-btn:hover{
    border-color: #BBB;
}

.dvui-btn:active {
    outline: none;
}

.dvui-btn.dvui-btn-pill {
    border-radius: 20px;
}

.dvui-btn.dvui-btn-plus {
    border: 0;
    font-family: Avenir,Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 600;

    padding-top: 4px;
    padding-bottom: 5px;

    text-shadow: 0 -1px 1px rgba(0,0,0,0.15);

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
    box-shadow: 0 1px 3px rgba(0,0,0,0.35);

    min-width: 90px;
    z-index: 1;
}

.dvui-btn.dvui-btn-plus:before {
    display: block;
    position: absolute;
    content: " ";
    top: 1px;
    left: 5px;
    right: 5px;
    z-index: -1;

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodƅiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.56)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fffffff',endColorstr='#00ffffff',GradientType=0);
    height: 17px;

    border-radius: 20px;
}

.dvui-btn.btn-default {
    color: #00233C;
}

.dvui-btn.btn-primary {
    background-color: #00739A;
    color: #fff;
}

.dvui-btn.btn-primary:hover,
.dvui-btn.btn-primary:focus,
.dvui-btn.btn-primary.focus,
.open > .dropdown-toggle.dvui-btn.btn-primary {
  background-color: #003F54;
}

.dvui-btn.btn-primary:active,
.dvui-btn.btn-primary.active {
    background-color: #003F54;
}

.dvui-btn.btn-success {
    background: #61941B;
    color: #fff;
}

.dvui-btn.btn-success:hover,
.dvui-btn.btn-success:focus,
.dvui-btn.btn-success.focus,
.open > .dropdown-toggle.dvui-btn.btn-success {
  background-color: #58831B;
}

.dvui-btn.btn-success:active,
.dvui-btn.btn-success.active {
    background-color: #58831B;
}

.dvui-btn.dvui-btn-plus.btn-default {
    background-color: #acccd4;
    color: #2a415e;
}

.dvui-btn.dvui-btn-plus.btn-default:hover,
.dvui-btn.dvui-btn-plus.btn-default:active {
    background-color: #c3e0e7;
}

.dvui-btn.btn-info {
    color: #fff;
}

.dvui-btn.btn-warning {
    color: #fff;
}

.dvui-btn.btn-danger {
    color: #fff;
}

.clearboth {
    clear: both;
}

.dvui-overflow-hidden {
    overflow: hidden;
}

.visible-xs-block .dvui-cta.ctaWidgetWrapper .uiPlus {
    margin-bottom: 21px;
}


/***********************************************************
 * DVCSS Modal Tooltips Component
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

#modalTooltip.modal .modal-content {
    padding-top: 27px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

#modalTooltip.modal .modal-fullscreen .modal-body {
    color: #00233C;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}

/* footer
 * =================== */

#modalTooltip.modal .modal-fullscreen .modal-footer {
    height: auto;
    padding-top: 0;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

#modalTooltip.modal .modal-fullscreen .modal-footer-content {
    padding: 15px 0 0;
}

#modalTooltip.modal .modal-fullscreen .modal-footer-content:before,
#modalTooltip.modal .modal-fullscreen .modal-footer-content:after {
    display: table;
    content: " ";
}

#modalTooltip.modal .modal-fullscreen .modal-footer-content:after {
    clear: both;
}

#modalTooltip.modal .modal-fullscreen .modal-footer-content > .pillLink,
#modalTooltip.modal .modal-fullscreen .modal-footer-content > .pillSubmit {
    margin-right: 0;
}

#modalTooltip.modal .modal-fullscreen .modal-footer-content > .pillSubmit .pillBase,
#modalTooltip.modal .modal-fullscreen .modal-footer-content > .pillLink .pillBase {
    height: 30px;
    line-height: 29px;
}


/***********************************************************
 * DVCSS Search Bar Component
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.dvui-searchbar > .btn-group {
    max-width: 284px;
    width: 100%;
}

.dvui-searchbar > .btn-group > .btn.dropdown-toggle {
    border: 0;
    border-color: #dfdfdf;
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    overflow-x: hidden;
    padding-left: 10px;
    padding-top: 12px;
    padding-right: 28px;
    text-overflow: ellipsis;
    text-align: left;
    width: 100%;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.dvui-searchbar > .btn-group > .btn.dropdown-toggle > span.dvui-line-y {
    display: block;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 0;
    width: 1px;
    border-right: 0 solid #dfdfdf;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(217,217,217,1) 25%,rgba(217,217,217,1) 75%,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(25%,rgba(217,217,217,1)),color-stop(75%,rgba(217,217,217,1)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(217,217,217,1) 25%,rgba(217,217,217,1) 75%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0,rgba(217,217,217,1) 25%,rgba(217,217,217,1) 75%,rgba(255,255,255,0) 100%);
    background: linear-gradient(top,rgba(255,255,255,0) 0,rgba(217,217,217,1) 25%,rgba(217,217,217,1) 75%,rgba(255,255,255,0) 100%);
}

.dvui-searchbar > .btn-group > .btn.dropdown-toggle  .pepMdxIcon {
    font-size: 40px;
    vertical-align: middle;
    padding-left: 4px;
}

.dvui-searchbar > .btn-group > .btn.dropdown-toggle  .caret {
    color: #a1afc0;
    border-top: 8px solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvui-searchbar > .btn-group {
        max-width: none;
        width: 100%;
        border-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .dvui-searchbar > .btn-group > .btn.dropdown-toggle {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 600;
        border-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .dvui-searchbar > .btn-group > .btn.dropdown-toggle {
        padding: 12px;
    }

    .dvui-searchbar > .btn-group > .btn.dropdown-toggle .pepMdxIcon {
        font-size: 20px;
        font-weight: 0;
    }

    #evoSearch dd.visible-xs #evoSearchMobileFilterToggle {
        padding: 17px;
        margin-bottom: 0;
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {
    .dvui-searchbar-btn {
        border: 0;
        border-color: #dfdfdf;
        border-radius: 6px;
        color: #00233C;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 600;
        margin-left: 10px;
    }
}

/* Dropdown Menu
 * =================== */

.dvui-searchbar .dropdown-header {
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.dvui-searchbar > .btn-group > .dropdown-menu {
    border-color: #dfdfdf;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 100%;
    border-radius: 10px;
}

.dvui-searchbar > .btn-group > .dropdown-menu > li > a {
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-left: -1px;
    margin-right: -1px;
    padding-top: 6px;
    padding-bottom: 5px;
    padding-left: 1px;
    vertical-align: middle;
}

.dvui-searchbar > .btn-group > .dropdown-menu > li > a:hover,
.dvui-searchbar > .btn-group > .dropdown-menu > li > a:focus {
    background-color: #00739a;
    color :#fff;
}

.dvui-searchbar > .btn-group > .dropdown-menu > li .pepMdxIcon {
    position: relative;
    top: -1px;
    font-size: 20px;
    vertical-align: middle;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvui-searchbar > .btn-group > .dropdown-menu > li > a {
        color: #00233C;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        margin-left: -1px;
        margin-right: -1px;
        padding-top: 6px;
        padding-left: 5px;
        padding-bottom: 5px;
        vertical-align: middle;
    }

    .dvui-searchbar > .btn-group > .dropdown-menu > li .dvui-pepmdxicon {
        position: relative;
        top: -1px;
        font-size: 20px;
        margin-left: -6px;
    }

    .dvui-searchbar > .btn-group > .dropdown-menu > li .dvui-pepmdxicon-checkmark {
        margin-left: 0;
    }

    .dvui-searchbar .open-shown {
        display: none;
    }

    .dvui-searchbar .btn-group.open .open-shown {
        display: block;
    }

    .dvui-searchbar .btn-group.open .open-hidden {
        display: none;
    }

}

/* On Open
 * =================== */

.dvui-searchbar > .btn-group.open > .btn.dropdown-toggle {
    color: #8294aa;
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    border-bottom-left-radius: 0;
}

.dvui-searchbar > .btn-group > .btn:hover,
.dvui-searchbar > .btn-group > .btn:focus,
.dvui-searchbar > .btn-group > .btn:active,
.dvui-searchbar > .btn-group > .btn.active,
.dvui-searchbar > .btn-group.open > .btn.dropdown-toggle {
    background-color: #fff;
}

.dvui-searchbar > .btn-group.open > .btn.dropdown-toggle > span.dvui-line-y {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    border-right: 1px solid #dfdfdf;
}

.dvui-searchbar > .btn-group.open > .btn.dropdown-toggle .pepMdxIcon {
    color: #a1afc0;
    font-style: normal;
    padding-left: 4px;
}

.dvui-searchbar > .btn-group.open > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

#evoSearchbar .dvui-searchbar .dropdown-header {
    margin-left: 12px;
    margin-top: 6px;
}

/* .dvui-searchbar > .btn-group.open > .dropdown-menu li{
    padding-left: 0;
    padding-top: 0;
} */

.dvui-searchbar > .btn-group.open > .dropdown-menu li .dvui-pepmdxicon-checkmark {
    padding-left: 4px;
    margin-right: -3px;
}

.dvui-searchbar > .btn-group > .dropdown-menu > li > a > span.checkmark-placeholder {
    width: 26px;
    height: 30px;
    padding-right: 30px;
}

.dvui-searchbar .dropdown-menu li > div.divider {
    margin: 0;
}

#evoSearchbar .dvui-searchbar .dropdown-menu li > div.divider {
    margin: 7px;
}

/* mobile only */
@media screen and (max-width: 767px) {

    .dvui-searchbar > .btn-group.open > .dropdown-menu {
        top: 0;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

    .dvui-searchbar > .btn-group.open > .btn.dropdown-toggle {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 600;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    #evoSearchbar .dvui-searchbar > .btn-group.open > .dropdown-menu {
        top: 50px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        padding: 15px 25px 15px 15px;
    }

}


/***********************************************************
 * DVCSS Facet Filter
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.dvui-facet-filters {
    background-color: #ecf6fa;
    border-top: 1px solid #d0dde7;
    border-bottom: 1px solid #d0dde7;
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    margin-top: -1px;
    padding: 15px 10px;
}

.dvui-facet-filters .dvui-facet-filters-description {
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    vertical-align: middle;
}

.dvui-facet-filters .dvui-facet-filters-action {
    vertical-align: middle;
}

.dvui-facet-filters .dvui-facet-filters-action a {
    color: #00233C;
    font-size: 18px;
}

.dvui-facet-filters .dvui-facet-filters-action .dvui-pepmdxicon-menus {
    font-size: 18px;
    margin-left: 25px;
}

/*!
 * Facet
 * ========================================
 *
 */

.dvui-facet {
    background-color: #ecf6fa;
    border-top: 1px solid #d0dde7;
    border-bottom: 1px solid #d0dde7;
    min-height: 178px;
    margin-top: -1px;
}

.dvui-facet [class*="col-"] {
    position: relative;
    vertical-align: top;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.0);
    box-shadow: 0 0 0 rgba(0,0,0,.0);
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvui-facet {
        background-color: #ecf6fa;
        border-top: 1px solid #d0dde7;
        border-bottom: 1px solid #d0dde7;
        min-height: 0;
        margin-top: -1px;
    }

}

/* Facet Columns
 * =================== */

.dvui-facet-col .hr-faded-y {
    position: absolute;
    top: 0;
    right: 0;
}

/* Links, Actions
 * =================== */

.dvui-facet .dvui-facet-link {
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 1px;
}

.dvui-facet .dvui-facet-link > .pepMdxIcon,
.dvui-facet .dvui-facet-link > i.pepMdxIcon {
    position: relative;
    top: 2px;
    font-size: 14px;
    font-style: normal;
    margin-right: 8px;
}

.dvui-facet-action {
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.dvui-facet-action > span {
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    vertical-align: middle;
}

.dvui-facet-action > span .count {
    vertical-align: baseline;
}

.dvui-facet-action .pepMdxIcon,
.dvui-facet-action i.pepMdxIcon {
    position: relative;
    top: 0;
    color: #00233C;
    font-size: 16px;
    font-style: normal;
    margin-right: 2px;
    vertical-align: middle;
}

.dvui-facet-action:hover,
.dvui-facet-action:hover span,
.dvui-facet-action:hover .pepMdxIcon,
.dvui-facet-action:hover i.pepMdxIcon,
.dvui-facet-action:focus,
.dvui-facet-action:focus span,
.dvui-facet-action:focus .pepMdxIcon,
.dvui-facet-action:focus i.pepMdxIcon {
    color: #00739a;
}

.dvui-facet .dvui-facet-toggle-open {
    color: #00739a;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.dvui-facet .dvui-facet-toggle-close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #65778a;
    font-size: 14px;
}

.dvui-facet .open-shown {
    display: none;
}

/* Section
 * =================== */

.dvui-facet .dvui-facet-section {
    border: 1px solid transparent;
    padding-top: 19px;
    padding-bottom: 9px;
    padding-left: 19px;
    padding-right: 19px;
}

.dvui-facet .dvui-facet-section.open {
    background-color: #fff;
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1;
    border: 0 solid #d0dde7;
    border: 1px solid transparent;
    border-top: 1px solid transparent;
    padding-top: 20px;
    width: 100%;
    border-radius: 0 0 12px 12px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    box-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.dvui-facet .dvui-facet-section.open .open-shown {
    display: block;
}

.dvui-facet .dvui-facet-section.open .open-hidden {
    display: none;
}

.dvui-facet .dvui-facet-section h6 {
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvui-facet .dvui-facet-section.open {
        background-color: transparent;
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        border: 1px solid transparent;
        border-radius: 0;
        -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.0);
        -moz-box-shadow: 0 0 0 rgba(0,0,0,0.0);
        box-shadow: 0 0 0 rgba(0,0,0,0.0);
    }

}

/* Desktop only */
@media screen and (min-width: 768px) {

    .dvui-facet .panel[class*="col-"] > .collapse {
        display: block;
        height: auto!important;
    }

}

.dvui-facet .dvui-facet-checkbox-group {
    margin-right: 0;
    margin-bottom: 2px;
}

.dvui-facet .dvui-form-checkbox {
    color: #65778a;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 28px;
}


/***********************************************************
 * DVCSS Checkbox / Radio Fixes
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.checkbox {
    padding-left: 20px;
}

.checkbox > span {
    display: inline-block;
    position: relative;
    padding-left: 4px;
}

.checkbox > span::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    margin-left: -19px;
    border: 1px solid #bac3cc;
    border-radius: 3px;
    background-color: #fff; /*#EEF6FA #eef6fa #DEE6E9 #dee6e9*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dee6e9));
    background-image: -webkit-linear-gradient(top, #ffffff, #dee6e9);
    background-image: -moz-linear-gradient(top, #ffffff, #dee6e9);
    background-image: -o-linear-gradient(top, #ffffff, #dee6e9);
    background-image: linear-gradient(to bottom, #ffffff, #dee6e9);

    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

    box-shadow: 0 1px 2px 0px #bbb;
}

.checkbox > span::after {
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 0;
    margin-top: 0;
    margin-left: -20px;
    padding-left: 2px;
    padding-top: 1px;
    line-height: 16px;
    font-size: 13px;
    font-weight: 100;
    color: #555555;
}

.checkbox input[type="checkbox"] {
    top: 1px;
    height: 18px;
    width: 18px;
    margin: 0 0 0 -20px;
    opacity: 0;
    z-index: 1;
}

.checkbox input[type="checkbox"]:focus + span::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline-color: #00739a;
    outline: none;
    box-shadow: 0 1px 4px 0px #00739a;
}

.checkbox input[type="checkbox"]:checked + span::after {
    font-family: pepmdx2!important;
    content: "\e241";
}

.checkbox input[type="checkbox"]:disabled + span {
    opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled + span::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.checkbox.checkbox-circle span::before {
    border-radius: 50%;
}

.checkbox.checkbox-inline {
    margin-top: 0;
}

.checkbox.checkbox-single span {
    height: 17px;
}

.checkbox-primary input[type="checkbox"]:checked + span::before {
    background: #428bca;
    border-color: #428bca;
}

.checkbox-primary input[type="checkbox"]:checked + span::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + span::before {
    background: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + span::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + span::before {
    background: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + span::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + span::before {
    background: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + span::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + span::before {
    background: #739D37;
    border-color: #739D37;
}

.checkbox-success input[type="checkbox"]:checked + span::after {
    color: #fff;
}

.form-row > input[type=checkbox] {
    top: 1px;
    height: 18px;
    width: 18px;
    margin: 0 0 0 -20px;
    opacity: 0;
    z-index: 1;
}

.form-row > input[type=checkbox] {

    position:absolute;
}

.form-row > input[type=checkbox]:checked + .checkbox-success span::before {
    background: #739D37;
    border-color: #739D37;
}

.form-row > input[type=checkbox]:checked + .checkbox-success span::after {
    font-family: pepmdx2!important;
    content: "\e241";
}

.form-row > input[type=checkbox]:checked + .checkbox-success span::after {
    color: #fff;
}

.form-row > input[type=checkbox]:focus + .checkbox-success span::before {
    outline-offset: -2px;
    outline: 0;
    box-shadow: 0 1px 4px 0 #00739a;
}

.radio {
    padding-left: 20px;
}

.radio > span {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}

.radio > span::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #9da3b1;
    border-radius: 50%;
    background-color: #fff;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefc), to(#ececec));
    background-image: -webkit-linear-gradient(top, #fefefc, #ececec);
    background-image: -moz-linear-gradient(top, #fefefc, #ececec);
    background-image: -o-linear-gradient(top, #fefefc, #ececec);
    background-image: linear-gradient(to bottom, #fefefc, #ececec);

    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;

    box-shadow: 0 1px 2px 0px #ccc;
}

.radio > span::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 12px;
    height: 12px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
    height: 20px;
    width: 20px;
    top: 0;
    margin-top: 0;
    opacity: 0;
    z-index: 1;
}

.radio input[type="radio"]:focus + span::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline: none;
}

.radio input[type="radio"]:checked + span::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.radio input[type="radio"]:disabled + span {
    opacity: 0.65;
}

.radio input[type="radio"]:disabled + span::before {
    cursor: not-allowed;
}

.radio.radio-inline {
    margin-top: 0;
}

.radio.radio-single span {
    height: 17px;
}

.radio-primary input[type="radio"] + span::after {
    background-color: #428bca;
}

.radio-primary input[type="radio"]:checked + span::before {
    border-color: #428bca;
}

.radio-primary input[type="radio"]:checked + span::after {
    background-color: #428bca;
}

.radio-danger input[type="radio"] + span::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + span::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + span::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + span::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + span::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + span::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"] + span::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + span::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + span::after {
    background-color: #f0ad4e;
}

/*
 * Radio Success
 *-----------------------------------
 */
.radio-success input[type="radio"] + span::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + span::before {
    border-color: #8e969e;
}

.radio-success input[type="radio"]:checked + span::after {
    background-color: #78ac31;
}


/*
 * Radio As Select Box
 *-----------------------------------
 */

.radio.radio-selection {
    cursor: pointer;
    padding-left: 0;
}

.radio.radio-selection span {
    padding-left: 1px;
}

.radio-selection input[type="radio"] + span::before {
    display: none;
}
.radio-selection input[type="radio"] + span::after {
    display: none;
}

.radio-selection input[type="radio"]:checked + span {
    color: #00739a;
    font-weight: 600;
}

.radio-selection input[type="radio"]:focus + span {
    color: #00739a;
}


/*!
 * DVC Global Elements Style Sheet
 *
 */

/*
|-----------------------------------------------------------------------------------------------
| Bootstrap Fixes
|-----------------------------------------------------------------------------------------------
|
|
|
*/

.text-wt-normal {
    font-weight: 400;
}

.uiPlus .textInput input::-webkit-input-placeholder { /* WebKit browsers */
    font-style: italic;
}

.uiPlus .textInput input:-ms-input-placeholder {
    font-style: italic;
}

.uiPlus .textInput input::-moz-placeholder {
    font-style: italic;
}

.uiPlus .textInput input:-moz-placeholder {
    font-style: italic;
}

i.pepMdxIcon {
    font-style: normal;
}

/* Desktop query */
@media screen and (min-width: 768px) {

    .navbar-form .form-control {
       margin: 0;
    }

}

.modal {
    z-index: 100005!important;

    background: -moz-linear-gradient(top,rgba(29,150,215,0.75) 0,rgba(29,150,215,0.67) 14%,rgba(173,235,255,0.45) 50%,rgba(29,150,215,0.67) 86%,rgba(29,150,215,0.75) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(29,150,215,0.75)),color-stop(14%,rgba(29,150,215,0.67)),color-stop(50%,rgba(173,235,255,0.45)),color-stop(86%,rgba(29,150,215,0.67)),color-stop(100%,rgba(29,150,215,0.75)));
    background: -webkit-linear-gradient(top,rgba(29,150,215,0.75) 0,rgba(29,150,215,0.67) 14%,rgba(173,235,255,0.45) 50%,rgba(29,150,215,0.67) 86%,rgba(29,150,215,0.75) 100%);
    background: -o-linear-gradient(top,rgba(29,150,215,0.75) 0,rgba(29,150,215,0.67) 14%,rgba(173,235,255,0.45) 50%,rgba(29,150,215,0.67) 86%,rgba(29,150,215,0.75) 100%);
    background: -ms-linear-gradient(top,rgba(29,150,215,0.75) 0,rgba(29,150,215,0.67) 14%,rgba(173,235,255,0.45) 50%,rgba(29,150,215,0.67) 86%,rgba(29,150,215,0.75) 100%);
    background: linear-gradient(to bottom,rgba(29,150,215,0.75) 0,rgba(29,150,215,0.67) 14%,rgba(173,235,255,0.45) 50%,rgba(29,150,215,0.67) 86%,rgba(29,150,215,0.75) 100%);
}

.modal-backdrop {
    display: none!important;
    /*
    [DVCP-4106] Mobile RCI: Redirect to RCI MODAL is GRAYED Out
    z-index: 10004;
    */

    background: -moz-linear-gradient(top,rgba(29,150,215,0.75) 0,rgba(29,150,215,0.67) 14%,rgba(173,235,255,0.45) 50%,rgba(29,150,215,0.67) 86%,rgba(29,150,215,0.75) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(29,150,215,0.75)),color-stop(14%,rgba(29,150,215,0.67)),color-stop(50%,rgba(173,235,255,0.45)),color-stop(86%,rgba(29,150,215,0.67)),color-stop(100%,rgba(29,150,215,0.75)));
    background: -webkit-linear-gradient(top,rgba(29,150,215,0.75) 0,rgba(29,150,215,0.67) 14%,rgba(173,235,255,0.45) 50%,rgba(29,150,215,0.67) 86%,rgba(29,150,215,0.75) 100%);
    background: -o-linear-gradient(top,rgba(29,150,215,0.75) 0,rgba(29,150,215,0.67) 14%,rgba(173,235,255,0.45) 50%,rgba(29,150,215,0.67) 86%,rgba(29,150,215,0.75) 100%);
    background: -ms-linear-gradient(top,rgba(29,150,215,0.75) 0,rgba(29,150,215,0.67) 14%,rgba(173,235,255,0.45) 50%,rgba(29,150,215,0.67) 86%,rgba(29,150,215,0.75) 100%);
    background: linear-gradient(to bottom,rgba(29,150,215,0.75) 0,rgba(29,150,215,0.67) 14%,rgba(173,235,255,0.45) 50%,rgba(29,150,215,0.67) 86%,rgba(29,150,215,0.75) 100%);
}

.modal-backdrop.in {
    display: none;
}

/********** Collapse Toggle Helper **********/

.collapsed-shown {
    display: none!important;
}

.collapsed .collapsed-shown {
    display: inline-block!important;
}

.collapsed .collapsed-shown-block {
    display: block!important;
}

.collapsed .collapsed-shown-inline-block {
    display: inline-block!important;
}

.collapsed .collapsed-shown-inline {
    display: inline!important;
}

.collapsed .collapsed-hidden {
    display: none;
}

/*
|-----------------------------------------------------------------------------------------------
| Datepicker
|-----------------------------------------------------------------------------------------------
|
|
|
*/

/* Mobile only */
@media screen and (max-width: 767px) {

    .touch body.ui-datepicker-open {
        position: fixed;
        height: 100%;
        width: 100%;
        overflow: hidden;
        -webkit-overflow-scrolling: auto;
    }
}

/*
|-----------------------------------------------------------------------------------------------
| Helpers
|-----------------------------------------------------------------------------------------------
|
|
|
*/

.dvcss-pos-rel {
    position: relative;
}

.dvcss-pull-right {
    float: right;
}

.dvcss-pull-left {
    float: left;
}

.dvcss-row {
    margin-right: -15px;
    margin-left: -15px;
}

.dvcss-row:before,
.dvcss-row:after {
  display: table;
  content: " ";
}

.dvcss-row:after {
  clear: both;
}

.dvcss-fill-x {
    width: 100%;
}

.dvcss-fill-xy {
    height: 100%;
    width: 100%;
}

.dvcss-fill-y {
    height: 100%;
}

.dvcss-valign-middle {
    vertical-align: middle;
}

.dvcss-valign-top {
    vertical-align: top;
}

.dvcss-valign-bottom {
    vertical-align: bottom;
}

.dvcss-valign-baseline {
    vertical-align: baseline;
}

.media > .dvcss-pull-left {
    margin-right: 10px;
}

.media > .dvcss-pull-right {
    margin-left: 10px;
}

/**----------------------------------------------------------------------
 * Containers
 *
 *----------------------------------------------------------------------*/

.dvcss-dt {
    display: table;
}

.dvcss-dt-row-group {
    display: table-row-group;
}

.dvcss-dt-row,
.dvcss-dt-row-header {
    display: table-row;
}

.dvcss-dt-cell {
    display: table-cell;
}

.dvcss-container {
    max-width: 980px;
    width: auto;

    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    text-align: left;
}

.dvcss-container-sm {
    max-width: 600px;
}

.dvcss-container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvcss-container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }

}


/**----------------------------------------------------------------------
 * Backgrounds
 *
 *----------------------------------------------------------------------*/

.dvcss-bg-lightball {
    background-image: url('../images/lightball.png');
    background-repeat: no-repeat;
    background-position: top center;
}


/**----------------------------------------------------------------------
 * Page
 *
 *----------------------------------------------------------------------*/

.dvcss-page-header {
    border-bottom: 0;
    margin: 0;
    padding: 0 0 13px;
}

.dvcss-page-header > h1,
.dvcss-page-header > h2 {
    color: #fff;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-weight: 100;
    line-height: 40px;
    margin: 0;
    padding-top: 40px;
    padding-bottom: 5px;
}

.dvcss-page-header > .sub-header {
    font-weight: 700;
    margin-bottom: 23px;
    line-height: 24px;
    font-size: 18px;
    color: #fff;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
}

/* Mobile query */
@media (max-width: 767px) {

    .dvcss-page-header > h1,
    .dvcss-page-header > h2 {
        padding-top: 9px;
        padding-bottom: 0;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
    }

}

.dvcss-page-header .btn-group a:focus {
    outline: 1px dotted white;
    outline-offset: 0px;
}

.dvcss-page-header .media {
    padding-left: 10px;
    padding-right: 10px;
}

.dvcss-page-header .media > .media-right {
    padding-top: 25px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.dvcss-page-header .media > .media-right a {
    color: #fff
}

.dvcss-page-header .media > .media-right .pepMdxIcon {
    margin-top: 3px;
    margin-right: 6px;
}

.dvcss-page-body:before,
.dvcss-page-body:after {
    display: table;
    content: " ";
}

.dvcss-page-body:after {
    clear: both;
}

/*
.dvcss-page .dvcss-page-body {
    background-color: #fff;
    border: 0;
    border-radius: 10px;
    padding: 34px 40px 40px;
    margin: 0;

    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.dvcss-page .dvcss-page-body.dvcss-page-body-with-subflow {
    border-radius: 10px 10px 0 0 ;
    padding-bottom: 103px;
}
*/

body.dvcss-body-loaded {
    visibility: visible;
}

.dvcss-body-auto-height .dvcss-canvas {
    position: absolute;

    height: 100%;
    width: 100%;
}

.dvcss-body-auto-height .dvcss-container {
    position: relative;

    height: 100%;
}

.dvcss-body-auto-height .dvcss-page-body-bg {
    position: absolute;
    left: 0;
    right: 0;

    height: 100%;

    background: #fff;
    border-radius: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcss-container {
        padding-right: 10px;
        padding-left: 10px;
    }

    .dvcss-page-header {
        padding-bottom: 10px;
    }

    .dvcss-page-header > h2 {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
        padding-top: 20px;
        padding-bottom: 0;
    }

    .dvcss-page-header > .sub-header {
        font-size: 14px;
    }

}


/**----------------------------------------------------------------------
 * Typography
 *
 *----------------------------------------------------------------------*/

.dvcss-section-h1 {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    line-height: 36px;
    margin-bottom: 23px;
}

.dvcss-section-title {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

h5.dvcss-section-title {
    margin-bottom: 0;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcss-section-h1 {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 100;
        line-height: 24px;
        margin-bottom: 10px;
    }

}

/**----------------------------------------------------------------------
 * Bootstrap Labels
 *
 *----------------------------------------------------------------------*/

.dvcss-label {
    display: inline-block;
    position: relative;
    top: 0;
    padding: 3px 4px 3px 3px;
    min-width: 18px;

    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;

    -webkit-box-shadow: 0px 1px 2px 0px #999;
    -moz-box-shadow: 0px 1px 2px 0px #999;
    box-shadow: 0px 1px 2px 0px #999;
}

.dvcss-label.label-warning {
    background: #ff6333;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8933), to(#ff4b33));
    background-image: -webkit-linear-gradient(top, #ff8933, #ff4b33);
    background-image: -moz-linear-gradient(top, #ff8933, #ff4b33);
    background-image: -o-linear-gradient(top, #ff8933, #ff4b33);
    background-image: linear-gradient(to bottom, #ff8933, #ff4b33);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8933', endColorstr='#ff4b33', GradientType=0); /* IE6-9 */
}


/**----------------------------------------------------------------------
 * PEP Icons
 *
 *----------------------------------------------------------------------*/

.dvcss-pepmdxicon,
i.dvcss-pepmdxicon {
    display: inline-block;
    position: relative;
    top: 2px;

    font-family: pepmdx2!important;
    font-style: normal;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/**----------------------------------------------------------------------
 * PEP Illustrative Icons
 *
 *----------------------------------------------------------------------*/

.dvcss-pepmdxii {
    display: inline-block;
    background-image: url('../images/sprite-mdx-illustrative-icons.png');
    background-repeat: no-repeat;
    vertical-align: middle;
}

.dvcss-pepmdxii-alarm-clock {
    height: 100px;
    width: 70px;
    background-position: -12px -5px;
}

.dvcss-pepmdxii-countdown-clock {
    height: 90px;
    width: 110px;
    background-position: -11px -114px;
}

.dvcss-pepmdxii-family-friends {
    height: 76px;
    width: 91px;
    background-position: -95px -19px;
}

.dvcss-pepmdxii-visa-card-restrictions {
    height: 69px;
    width: 100px;
    background-position: -195px -19px;
}

.dvcss-pepmdxii-credit-cards {
    height: 106px;
    width: 159px;
    background-position: -132px -117px;
}


/*
|-----------------------------------------------------------------------------------------------
| Horizontal Rules
|-----------------------------------------------------------------------------------------------
|
*/

.hr-fade,
.dvcss-hr-faded {
    display: block;
    position: relative;

    height: 1px;
    width: 100%;
    background: none;
    background-image: -webkit-gradient(linear,0% 0,100% 0,from(rgba(255,255,255,0)),color-stop(5%,#dfdfdf),color-stop(95%,#dfdfdf),to(rgba(255,255,255,0)));
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#dfdfdf 5%,#dfdfdf 95%,hsla(0,0%,100%,0)) repeat scroll 0 0 transparent;
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),#dfdfdf 5%,#dfdfdf 95%,rgba(255,255,255,0));

    /*
    background-image: -webkit-gradient(linear,0% 0,100% 0,from(rgba(255,255,255,0)),color-stop(5%,#dfdfdf),color-stop(95%,#dfdfdf),to(rgba(255,255,255,0)));
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),#dfdfdf 5%,#dfdfdf 95%,rgba(255,255,255,0));
    background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0), #dfdfdf 5%, #dfdfdf 95%, rgba(255, 255, 255, 0));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, #dfdfdf 13%, #dfdfdf 79%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    */
    clear: both;
    margin: 0 auto;
}


/*
|-----------------------------------------------------------------------------------------------
| Buttons
|-----------------------------------------------------------------------------------------------
|
*/

.dvcss-btn {
    position: relative;
    padding: 12px 10px 8px;
    border: 0;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    outline: none;
    text-align: center;

    -webkit-transition: background .17s linear;
    -moz-transition: background .17s linear;
    -o-transition: background .17s linear;
    transition: background .17s linear;
}

.dvcss-btn.dvcss-btn-pill {
    border-radius: 20px;
}


/*-------------------------
 * UI PLUS
 *-------------------------*/

.dvcss-btn.dvcss-btn-plus {
    z-index: 1;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 21px;
    padding-right: 21px;
    min-width: 90px;

    background-color: #edf5fa;
    border: 0;
    color: #697a8d;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    outline: none!important;

    text-shadow: 0 0px 0px rgba(0,0,0,0);

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
    box-shadow: 0 1px 3px rgba(0,0,0,0.35);
}

.dvcss-btn.dvcss-btn-plus:hover {
    background-color: #eff7fa;
}

.dvcss-btn.dvcss-btn-plus:active {
    background-color: #e6edf1;
}

.dvcss-btn.dvcss-btn-plus:before {
    display: block;
    position: absolute;
    content: " ";
    top: 1px;
    left: 5px;
    right: 5px;
    z-index: -1;

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodƅiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.56)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fffffff',endColorstr='#00ffffff',GradientType=0);
    height: 17px;

    border-radius: 20px;
}

.dvcss-btn.btn-default {
    color: #00233C;

    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e6f3fa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6f3fa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e6f3fa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e6f3fa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e6f3fa 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e6f3fa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6f3fa', GradientType=0); /* IE6-9 */
    border-color: transparent;
    border: 0;
    box-shadow: 0 1px 3px 1px #ccc;
}
.dvcss-btn.btn-default:active {
    -webkit-box-shadow: 0 1px 3px 1px #ccc,
                        inset 0 3px 5px rgba(0,0,0,.125);

    box-shadow: 0 1px 3px 1px #ccc,
                inset 0 3px 5px rgba(0,0,0,.125);
}

.dvcss-btn.btn-link {
    color: #00739a;
}

.dvcss-btn.dvcss-btn-plus.btn-default {
    background: #acccd4;
    color: #2a415e;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
    box-shadow: 0 1px 3px rgba(0,0,0,0.35);
}

.dvcss-btn.dvcss-btn-plus.btn-default:hover,
.dvcss-btn.dvcss-btn-plus.btn-default:active,
.dvcss-btn.dvcss-btn-plus.btn-default:focus {
    background-color: #c3e0e7;
}

.dvcss-btn.btn-primary {
    background-color: #00739A;
    color: #fff;
}

.dvcss-btn.btn-primary:hover,
.dvcss-btn.btn-primary:focus,
.dvcss-btn.btn-primary.focus,
.open > .dropdown-toggle.dvcss-btn.btn-primary {
  background-color: #003F54;
}

.dvcss-btn.btn-primary:active,
.dvcss-btn.btn-primary.active {
    background-color: #003F54;
}

.dvcss-btn.btn-success {
    background-color: #61941B;
    color: #fff;
}

.dvcss-btn.btn-success:hover,
.dvcss-btn.btn-success:focus,
.dvcss-btn.btn-success.focus,
.open > .dropdown-toggle.dvcss-btn.btn-success {
  background-color: #58831B;
}

.dvcss-btn.btn-success:active,
.dvcss-btn.btn-success.active {
    background-color: #58831B;
}

.dvcss-btn.btn-info {
    border: 2px solid #00739a;
    background: #fff;
    color: #00739a;
    padding-top: 8px;
    padding-bottom: 8px;
}

.dvcss-btn.btn-warning {
    color: #fff;
}

.dvcss-btn.btn-danger {
    color: #fff;
}


/*-------------------------
 * UI PLUS Control Sizing
 *-------------------------*/

.dvcss-btn.dvcss-btn-plus.btn-sm {
    padding: 1px 9px;
    min-width: 110px;
    height: 18px;

    font-size: 11px;
}

.dvcss-btn.dvcss-btn-plus.btn-sm:before {
    top: 0;
    height: 13px;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    .dvcss-btn.dvcss-btn-plus.btn-sm {
        font-size: 11px;
        height: 18px;
        min-width: 110px;
        padding: 1px 9px;
    }
}


/*
|-----------------------------------------------------------------------------------------------
| Bootstrap Table Override
|-----------------------------------------------------------------------------------------------
|
*/

.dvcss-table {
    background-color: #fff;
    border: 0;
    border-radius: 8px;

    /*
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    /*box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.3);*/
}

.dvcss-table.table > thead > tr > th {
    background-color: #a0cce1;
    border-bottom: 1px solid #dedede;
}

.dvcss-table.table > thead > tr > th:first-child {
    border-radius: 8px 0 0 0;
}

.dvcss-table.table > thead > tr > th:last-child {
    border-radius: 0 8px 0 0;
}

.dvcss-table.table>thead>tr>th,
.dvcss-table.table>tbody>tr>th,
.dvcss-table.table>tfoot>tr>th,
.dvcss-table.table>thead>tr>td,
.dvcss-table.table>tbody>tr>td,
.dvcss-table.table>tfoot>tr>td {
    position: relative;
    padding: 12px 17px;
}

/*------------------------------
 * Striped
 *------------------------------*/

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: transparent;
}

.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>tbody>tr:nth-child(even)>th {
    background-color: #eaf5fa;
}

/*------------------------------
 * Bordered
 *------------------------------*/

.dvcss-table.table-bordered > thead > tr > td,
.dvcss-table.table-bordered > thead > tr > th {
    border: 1px solid transparent;
    border-bottom: 0;
    border-right: 0;
}

.dvcss-table.table-bordered > thead > tr > td:first-child,
.dvcss-table.table-bordered > thead > tr > th:first-child {
    border-left: 0;
}

.dvcss-table.table-bordered > tbody > tr > td,
.dvcss-table.table-bordered > tbody > tr > th,
.dvcss-table.table-bordered > tfoot > tr > td,
.dvcss-table.table-bordered > tfoot > tr > th {
    border: 1px solid #dedede;
    border-bottom: 0;
    border-right: 0;
}

.dvcss-table.table-bordered > tbody > tr > td:first-child,
.dvcss-table.table-bordered > tbody > tr > th:first-child,
.dvcss-table.table-bordered > tfoot > tr > td:first-child,
.dvcss-table.table-bordered > tfoot > tr > th:first-child {
    border-left: 0;
}

/**----------------------------------------------------------------------
 * Table Override
 *
 *----------------------------------------------------------------------*/

.dvcss-table table {
    background-color: #fff;
    border: 0;
    border-radius: 8px;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    /*box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.3);*/
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.dvcss-table table>thead>tr>th,
.dvcss-table table>tbody>tr>th,
.dvcss-table table>tfoot>tr>th,
.dvcss-table table>thead>tr>td,
.dvcss-table table>tbody>tr>td,
.dvcss-table table>tfoot>tr>td {
    position: relative;
    padding: 12px 3px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #dfdfdf;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.dvcss-table table>thead>tr>td {
    padding: 3px 17px;
}

.dvcss-table table>caption+thead>tr:first-child>th,
.dvcss-table table>colgroup+thead>tr:first-child>th,
.dvcss-table table>thead:first-child>tr:first-child>th,
.dvcss-table table>caption+thead>tr:first-child>td,
.dvcss-table table>colgroup+thead>tr:first-child>td,
.dvcss-table table>thead:first-child>tr:first-child>td {
    border-top: 0;
}

.dvcss-table table > thead > tr > th:first-child {
    border-radius: 8px 0 0 0;
}

.dvcss-table table> thead > tr > th:last-child {
    border-radius: 0 8px 0 0;
}

.dvcss-table table > thead > tr > th {
    background-color: #a0cce1;
    border-bottom: 1px solid #dedede;
}

.dvcss-table.text-center table>thead>tr>th,
.dvcss-table.text-center table>tbody>tr>th,
.dvcss-table.text-center table>tfoot>tr>th,
.dvcss-table.text-center table>thead>tr>td,
.dvcss-table.text-center table>tbody>tr>td,
.dvcss-table.text-center table>tfoot>tr>td {
    text-align: center;
}

.dvcss-table.text-center table>thead>tr>th,
.dvcss-table.text-center table>thead>tr>td {
    font-weight: normal;
}

.dvcss-table table>thead>tr>th strong,
.dvcss-table table>tbody>tr>th strong,
.dvcss-table table>tfoot>tr>th strong,
.dvcss-table table>thead>tr>td strong,
.dvcss-table table>tbody>tr>td strong,
.dvcss-table table>tfoot>tr>td strong {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.dvcss-table hr {
    position: absolute;
    top: 0;
    right: -1px;
    z-index: 1;
    height: 100%;
    width: 1px;
    background-color: #dfdfdf;
    background: -moz-linear-gradient(top, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background: -webkit-gradient(top, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background: -ms-linear-gradient(top, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background: linear-gradient(top, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    border: 0;
    color: #dfdfdf;
}

.dvcss-table.table-bordered-faded table>tbody>tr>th::after,
.dvcss-table.table-bordered-faded table>tbody>tr>td::after {
    content: '';
    position: absolute;
    top: 0;
    right: -1px;
    z-index: 1;
    height: 100%;
    width: 1px;
    background-color: #dfdfdf;
    background: -moz-linear-gradient(top, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background: -webkit-gradient(top, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background: -ms-linear-gradient(top, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background: linear-gradient(top, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    border: 0;
    color: #dfdfdf;
}

.dvcss-table.table-bordered-faded table>thead>tr>th {
    border-left: 1px solid #fff;
}

.dvcss-table.table-bordered-faded table>thead>tr>th:first-child {
    border-left: 0;
}

/*
.dvcss-table.table-bordered-faded table>thead>tr>th::after {
    content: '';
    position: absolute;
    top: 0;
    right: -1px;
    z-index: 1;

    height: 100%;
    width: 1px;

    background: #fff;
    border: 0;
    color: #fff;
}

.dvcss-table.table-bordered-faded table>thead>tr>th:last-child::after {
    content: '';
    display: none;
    position: absolute;
    top: 0;
    right: -1px;
    z-index: 1;

    height: 100%;
    width: 1px;

    background: #fff;
    border: 0;
    color: #fff;
}
*/


.dvcss-table .dvcss-table-divider {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 100%;
    width: 1px;
    background-color: #dfdfdf;
    background: -moz-linear-gradient(top, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background: -webkit-gradient(top, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background: -ms-linear-gradient(top, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background: linear-gradient(top, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
}

.dvcss-table.text-center table>thead>tr>th hr,
.dvcss-table.text-center table>thead>tr>th .dvcss-table-divider {
    background: #fff;
    color: #fff;
}

.dvcss-table table> thead > tr > th:last-child hr,
.dvcss-table table> thead > tr > th:last-child .dvcss-table-divider {
    display: none;
}

/* Tablet query */
@media screen and (min-width: 768px) and (max-width: 991px) {

    .dvcss-table table>thead>tr>th,
    .dvcss-table table>tbody>tr>th,
    .dvcss-table table>tfoot>tr>th,
    .dvcss-table table>thead>tr>td,
    .dvcss-table table>tbody>tr>td,
    .dvcss-table table>tfoot>tr>td {
        padding: 6px 3px;
    }

}

/* Mobile query */
@media screen and (max-width: 767px) {
    .dvcss-table table>thead>tr>th,
    .dvcss-table table>tbody>tr>th,
    .dvcss-table table>tfoot>tr>th,
    .dvcss-table table>thead>tr>td,
    .dvcss-table table>tbody>tr>td,
    .dvcss-table table>tfoot>tr>td {
        width: 1%;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        padding: 6px 3px;
        vertical-align: middle;
    }

    .dvcss-table table>thead>tr>th strong,
    .dvcss-table table>tbody>tr>th strong,
    .dvcss-table table>tfoot>tr>th strong,
    .dvcss-table table>thead>tr>td strong,
    .dvcss-table table>tbody>tr>td strong,
    .dvcss-table table>tfoot>tr>td strong {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
    }

    .dvcss-table.table-bordered-faded table>tbody>tr>td::after {
        width:0;
    }
}

.dvcss-table-group .dvcss-table {
    padding-top: 24px;
    padding-bottom: 12px;
}

.dvcss-table-group .dvcss-table + .dvcss-table {
    padding-top: 4px;
}

.dvcss-table-group .dvcss-table .dvcss-table-heading {
    margin-bottom: 11px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
}

.dvcss-table-group .dvcss-table + p {
    padding-top: 5px;
    margin-bottom: 7px;
    text-align: left;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    .dvcss-table-group .dvcss-table-group {
        margin-left: 0;
    }

    .dvcss-table-group .dvcss-table {
        padding-top: 20px;
        padding-bottom: 7px;
    }

    .dvcss-table-group .dvcss-table + .dvcss-table {
        margin-top: -1px;
        padding-top: 0;
    }

    .dvcss-table-group .dvcss-table .dvcss-table-heading {
        margin-bottom: 13px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
    }

    .dvcss-table-group .dvcss-table + p {
        margin-bottom: 2px;
        padding-top: 0;
        text-align: left;
    }
}


/*
|-----------------------------------------------------------------------------------------------
| Calendar in Table Layout (for Accessibilty)
|-----------------------------------------------------------------------------------------------
|
*/

table.dvcss-calendar {

}

table.dvcss-calendar thead th {
    background: #fff;
    padding: 0;
}

table.dvcss-calendar .dvcss-calendar-row-month th {
    padding-bottom: 18px;
    text-align: center;
}

table.dvcss-calendar .dvcss-calendar-row-month .dvcss-calendar-row-month-prev,
table.dvcss-calendar .dvcss-calendar-row-month .dvcss-calendar-row-month-next {
    color: #00233C;
    cursor: pointer;
    font-size: 18px;
    vertical-align: middle;
}

table.dvcss-calendar .dvcss-calendar-row-month strong {
    padding: 0 31px;
    color: #00233C;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 100;
    vertical-align: middle;
}

table.dvcss-calendar .dvcss-calendar-row-days th {
    padding: 0;
    color: #00233C;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    vertical-align: top;
}

table.dvcss-calendar .dvcss-calendar-dates td {
    width: 14.285%;
    padding: 2px;
}

table.dvcss-calendar .dvcss-calendar-dates td a {
    display: block;
    position: relative;
    padding-top: 100%;
    background: #fff;
    border-radius: 5px;
}

table.dvcss-calendar .dvcss-calendar-dates td a > b {
    position: absolute;
    top: 2px;
    right: 5px;
    font-style: normal;
}

table.dvcss-calendar .dvcss-calendar-dates td a > .dvcss-calendar-points {
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: auto;
    width: 100%;
    background: 0 0;
    color: #78899e;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    vertical-align: baseline;
}

table.dvcss-calendar .dvcss-calendar-dates td.selectable a {
    background: #e5f3f8;
}

table.dvcss-calendar .dvcss-calendar-dates td.disabled a,
table.dvcss-calendar .dvcss-calendar-dates td.unavailable a {
    background: #dfdfdf;
    cursor: default!important;
}

table.dvcss-calendar .dvcss-calendar-dates td.selected a {
    background: #c2e0eb;
    cursor: default!important;
}

/**=====================================================================
 * CTA Component
 *
 *======================================================================*/

.dvcss-cta {
    background: #00739A;
    border-radius: 12px;
    color: #ffffff;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 20px;
    max-width: 250px;
    text-align: center;
}

.dvcss-cta h1,
.dvcss-cta h2,
.dvcss-cta h3,
.dvcss-cta h4,
.dvcss-cta h5,
.dvcss-cta h6 {
    color: #ffffff;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin: 0 0 12px;
}

.dvcss-cta p {
    margin-bottom: 0;
}

.dvcss-cta .dvcss-cta-detailed-desc p {
    margin-bottom: 0;
}

.dvcss-cta-body {
    padding: 22px 20px 22px;
}

.dvcss-cta-body > div {
    margin-bottom: 18px;
}

.dvcss-cta-body > .dvcss-cta-heading,
.dvcss-cta-body > .dvcss-cta-title {
    color: #ffffff;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 12px;
}

.dvcss-cta-footer {
    background: #d9edf7;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    color: #00739a;
    padding: 10px;
}

.dvcss-cta .dvcss-cta-detailed-desc {
    margin-top: 20px;
    margin-bottom: -5px;
}

.dvcss-cta div.dvcss-cta-divider {
    height: 0;
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    /*box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);*/
    border-bottom: 1px solid rgba(255,255,255,0.3);
    margin: 20px auto;
}

.dvcss-cta a#phone {
    color: #ffffff;
    cursor: default;
    pointer-events: none;
}

.dvcss-cta a[href^=tel]{
    color: #ffffff;
    cursor: default;
    pointer-events: none;
}

.dvcss-cta .button .buttonText {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.dvcss-cta .button.blue {
    background-color: #2094bb;
}

.dvcss-cta .button.blue:hover,
.dvcss-cta .button.blue:focus {
    background-color: #56a6c1;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .dvcss-cta {
        font-size: 14px;
        line-height: 16px;
        margin: 0 auto 30px;
        max-width: 280px;
        width: 100%;
    }

    .dvcss-cta > div {
        margin-bottom: 15px;
    }

    .dvcss-cta .dvcss-cta-detailed-desc {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .dvcss-cta a#phone {
        color: #ffffff;
        cursor: pointer;
        pointer-events: auto;
    }

    .dvcss-cta a[href^=tel]{
        color: #ffffff;
        cursor: pointer;
        pointer-events: auto;
    }

    .dvcss-cta a.pillSubmit {
        text-decoration: none;
    }
}


/*
|-----------------------------------------------------------------------------------------------
| Dvcss Disclaimer
|-----------------------------------------------------------------------------------------------
|
| global component
|
*/

.dvcss-disclaimer .dvcss-disclaimer-body {
    padding: 26px 20px 29px;
    color: #78899e;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.dvcss-disclaimer p {
    margin-bottom: 10px;
}

.dvcss-disclaimer p:last-child {
    margin-bottom: 0;
}

.dvcss-disclaimer ul {
    margin: 0;
    padding-left: 15px;
}

.dvcss-disclaimer ul:last-child {
    margin-bottom: 0;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    .dvcss-disclaimer .dvcss-disclaimer-body {
        padding: 21px 10px 18px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }
}

/*
|-----------------------------------------------------------------------------------------------
| Dvcss Story Cards
|-----------------------------------------------------------------------------------------------
|
| global component
|
*/

.dvcss-storycard {
    display: block;
}

.dvcss-storycard:before,
.dvcss-storycard:after {
  display: table;
  content: " ";
}

.dvcss-storycard:after {
  clear: both;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    .dvcss-storycard:first-child > hr.dvcss-hr-faded {
        display: none;
    }
}

/*--------------------------------------------------
 * Body (Story Card)
 *--------------------------------------------------*/

.dvcss-storycard .dvcss-storycard-body a:not(.dvcss-btn) {
    color: #00233C;
    text-decoration: none;
}

.dvcss-storycard .dvcss-storycard-body .dvcss-storycard-title {
    margin: -2px 0 16px 0;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.dvcss-storycard .dvcss-storycard-body .dvcss-storycard-desc {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.dvcss-storycard .dvcss-storycard-body .dvcss-storycard-caret {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    color: #dfdfdf;
    font-size: 24px;
}

.dvcss-storycard .dvcss-storycard-body .dvcss-storycard-desc a:not(.dvcss-btn),
.dvcss-storycard .dvcss-storycard-body .dvcss-storycard-desc-small a:not(.dvcss-btn) {
    color: #0079BC;
}

.dvcss-storycard .dvcss-storycard-body .dvcss-storycard-desc a:not(.dvcss-btn):hover,
.dvcss-storycard .dvcss-storycard-body .dvcss-storycard-desc-small a:not(.dvcss-btn):hover {
    text-decoration: underline;
}

.dvcss-storycard .dvcss-storycard-body a:hover .dvcss-storycard-title,
.dvcss-storycard .dvcss-storycard-body a:focus .dvcss-storycard-title,
.dvcss-storycard .dvcss-storycard-body a:hover .dvcss-storycard-caret,
.dvcss-storycard .dvcss-storycard-body a:focus .dvcss-storycard-caret {
    color: #0079BC;
    cursor: pointer;
    text-decoration: none;
}

.innerContentWrapper .dvcss-storycard .dvcss-storycard-body a:not(.dvcss-btn):hover,
.innerContentWrapper .dvcss-storycard .dvcss-storycard-body a:not(.dvcss-btn):focus,
.dvcss-storycard .dvcss-storycard-body a:not(.dvcss-btn):hover,
.dvcss-storycard .dvcss-storycard-body a:not(.dvcss-btn):focus {
    color: #0079BC;
    cursor: pointer;
}

.dvcss-storycard .dvcss-storycard-body a:not(.dvcss-btn):focus,
.dvcss-storycard .dvcss-storycard-body a:focus h3,
.dvcss-storycard .dvcss-storycard-body a:focus .dvcss-storycard-title {
    text-decoration: underline;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    .dvcss-storycard .dvcss-storycard-body .storyCardDescription {
        padding-right: 48px;
    }

    .dvcss-storycard.dvcss-storycard-no-carat .dvcss-storycard-body .storyCardDescription {
        display: block;
        padding-right: 0;
    }

    .dvcss-storycard.dvcss-storycard-no-carat .dvcss-storycard-body .storyCardDescription .pageLess,
    .dvcss-storycard.dvcss-storycard-no-carat .dvcss-storycard-body .storyCardDescription .pageMore {
        max-width: none;
    }

    .dvcss-storycard .dvcss-storycard-body .dvcss-storycard-title {
        margin-bottom: 13px;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
    }

    .dvcss-storycard .dvcss-storycard-body .dvcss-storycard-desc {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
}


/* ------------------------------
 * Listing Story Cards
 * ------------------------------ */

.dvcss-storycard .dvcss-storycard-title.dvcss-h3 {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 4px;
    line-height: 28px;
}

.dvcss-storycard .dvcss-storycard-desc-small {
    max-width: 470px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.dvcss-storycard .dvcss-storycard-desc-small a {
    color: #0079BC;
    cursor: pointer;
}

.dvcss-storycard .dvcss-storycard-links a:not(.dvcss-btn) {
    color: #0079BC;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    vertical-align: middle;
}

.dvcss-storycard .dvcss-storycard-links a .dvcss-pepmdxicon {
    top: -2px;
    margin-right: 3px;
    vertical-align: middle;
    font-size: 15px;
}

.dvcss-storycard .dvcss-storycard-buttons {
    margin-top: 9px;
    margin-bottom: 2px;
}

.dvcss-storycard-media {
    display: block;
}

.dvcss-storycard-media img,
.dvcss-storycard-media .dvcss-storycard-media-object {
    height: auto;
    width: 100% !important;
}

.dvcss-storycard > .dvcss-storycard-row {
    display: table;

    color: #00233C;
    width: 100%;
}

.dvcss-storycard .dvcss-storycard-row .dvcss-storycard-col {
    position: relative;
    display: table-cell;
    font-size: 14px;
    font-weight: normal;
    vertical-align: top;
    width: 1%;
}

.dvcss-storycard .dvcss-storycard-row .dvcss-storycard-col.main {
    width: auto;
    padding-left: 20px;
    padding-right: 30px;
}

.dvcss-storycard .dvcss-storycard-row .dvcss-storycard-col.top {
    vertical-align: top;
}

.dvcss-storycard .dvcss-storycard-row .dvcss-storycard-col.middle {
    vertical-align: middle;
}

.dvcss-storycard .dvcss-storycard-row > a,
.dvcss-storycard .dvcss-storycard-col > a {
    display: inline;
    color: #00233C;
}

.hover .dvcss-storycard-row > a,
.hover .dvcss-storycard-row > a .dvcss-storycard-caret,
.hover .dvcss-storycard-col > a,
.hover .dvcss-storycard-col > a .dvcss-storycard-caret,
.hover .dvcss-storycard-row .dvcss-list-helper > li label,
.hover .dvcss-storycard-row .dvcss-list-helper > li strong,
.hover .dvcss-storycard-row .dvcss-list-helper > li small,
.dvcss-storycard .dvcss-storycard-row > a:hover,
.dvcss-storycard .dvcss-storycard-row > a:hover .dvcss-storycard-caret,
.dvcss-storycard .dvcss-storycard-col > a:hover,
.dvcss-storycard .dvcss-storycard-col > a:hover .dvcss-storycard-caret {
    color: #0079BC;
    text-decoration: none;
}


/* Mobile query */
@media screen and (max-width: 767px) {
    .dvcss-storycard .dvcss-storycard-title.dvcss-h3 {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 4px;
        line-height: 24px;
    }

    .dvcss-storycard .dvcss-storycard-desc-small {
        max-width: none;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    .dvcss-storycard .dvcss-storycard-links a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    .dvcss-storycard .dvcss-storycard-links a .dvcss-pepmdxicon {
        top: -1px;
        margin-right: 0;
        vertical-align: middle;
        font-size: 15px;
    }

    .dvcss-storycard .dvcss-storycard-row {
        position: relative;
        display: block;
        width: auto;
        padding-top: 10px;
    }

    .dvcss-storycard .dvcss-storycard-row .dvcss-storycard-col {
        position: relative;
        display: block;
        width: auto;
    }

    .dvcss-storycard .dvcss-storycard-row .dvcss-storycard-col.main {
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }
}


/*------------------------------------------------------------
 * Inline Story Cards
 * ------------------------------------------------------------ */

.dvcss-storycard-inline .dvcss-storycard-inner {
    padding: 20px 0 18px;
}

.dvcss-storycard-inline .dvcss-storycard-caret {
    color: #dfdfdf;
    font-size: 24px;
}

.dvcss-storycard-inline .dvcss-storycard-title {
    margin: -2px 0 9px 0;
    max-width: 620px;

    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
}

.dvcss-storycard-inline .dvcss-storycard-desc {
    max-width: 620px;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}


/********** Inline Card Row **********/

.dvcss-storycard-inline .dvcss-storycard-row {

}

.dvcss-storycard-inline .dvcss-storycard-row .dvcss-storycard-col {
    position: relative;
    display: table-cell;
    width: 1%;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    vertical-align: top;
}

.dvcss-storycard-inline .dvcss-storycard-row .dvcss-storycard-col.top {
    vertical-align: top;
}

.dvcss-storycard-inline .dvcss-storycard-row .dvcss-storycard-col.middle {
    vertical-align: middle;
}

/********** Inline Card Media **********/

.dvcss-storycard-inline .dvcss-storycard-row .dvcss-storycard-col.left {

}

.dvcss-storycard-inline .dvcss-storycard-row .dvcss-storycard-col.left .dvcss-storycard-media-object.dvcss-pepmdxicon {
    height: auto;
    width: auto;
    font-size: 50px;
}

/********** Inline Card Main **********/

.dvcss-storycard-inline .dvcss-storycard-row .dvcss-storycard-col.main {
    padding-left: 20px;
    padding-right: 30px;
    width: auto;
}

.dvcss-storycard-inline .dvcss-storycard-row .dvcss-storycard-col.main .dvcss-storycard-caret {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    color: #dfdfdf;
    font-size: 24px;
}

/*=====================================================================
 * Story Cards Thumbnail Component
 *
 *=====================================================================*/

.dvcss-thumbnail.thumbnail {
    display: block;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border: 0;
    border-radius: 0;
}

.dvcss-thumbnail > img,
.dvcss-thumbnail a > img {
    width: 100%;
}

/*--------------------------------------------------
 * Caption
 *--------------------------------------------------*/

.dvcss-thumbnail .caption {
    position: relative;
    margin: 10px 0 30px;
    padding: 0 29px 0 0;
}

.dvcss-thumbnail .caption > a {
    color: #00233C;
}

.dvcss-thumbnail .caption-title {
    margin-bottom: 0;
    max-width: 403px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
}

.dvcss-thumbnail .caption-desc {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.dvcss-thumbnail .caption-desc .pageLess {
    max-width: 403px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.dvcss-thumbnail .caption-desc .pageLess > p {
    margin: 0;
}

.dvcss-thumbnail .caption .caption-caret {
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -10px;
    color: #dfdfdf;
    font-size: 20px;
}

.dvcss-thumbnail .caption > a:hover,
.dvcss-thumbnail .caption > a:focus,
.dvcss-thumbnail .caption > a:hover .caption-title,
.dvcss-thumbnail .caption > a:focus .caption-title,
.dvcss-thumbnail .caption > a:hover .caption-caret,
.dvcss-thumbnail .caption > a:focus .caption-caret {
    color: #0079BC;
    cursor: pointer;
    text-decoration: none;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    .dvcss-thumbnail .caption {
        position: relative;
        margin: 10px 0 21px;
        padding: 0 32px 0 0;
    }

    .dvcss-thumbnail .caption-title {
        margin-bottom: 0;
        max-width: none;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
    }

    .dvcss-thumbnail .caption-desc {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .dvcss-thumbnail .caption-desc .pageLess {
        max-width: none;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .dvcss-thumbnail .caption .caption-caret {
        position: absolute;
        top: 50%;
        right: -6px;
        margin-top: -10px;
        font-size: 20px;
    }
}


/*
|-----------------------------------------------------------------------------------------------
| Dvcss Breadcrumb
|-----------------------------------------------------------------------------------------------
|
| global component
|
*/

.dvcss-breadcrumb {
    background-color: #f5f5f5;
    background-color: transparent;
    border-radius: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    list-style: none;
    margin: 0 0 -3px;
    padding: 0 0 0 10px;
    text-align: left;
}

.dvcss-breadcrumb > li {
    /*color: #53a0bb;*/
    color: #ffffff;
}

.dvcss-breadcrumb .pepMdxIcon {
    font-size: 11px;
    top: -1px;
    position: relative;
    vertical-align: middle;
    font-style: normal;
}

.dvcss-breadcrumb .pepMdxHome {
    top: -2px;
    margin-right: 3px;
    vertical-align: middle;
}

.dvcss-breadcrumb > li.breadcrumb-separator {
    margin-left: 3px;
    margin-right: 3px;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.dvcss-breadcrumb > li + li:before {
    content: "";
    padding: 0;
}

.dvcss-breadcrumb > li > a {
    color: #ffffff;
    vertical-align: middle;
}

.dvcss-breadcrumb > li > a > .pepMdxIcon {
    margin-right: 3px;
}

.dvcss-breadcrumb > .active {
    color: #ffffff;
}

.dvcss-breadcrumb > li > a:hover,
.dvcss-breadcrumb > li > a:focus {
    color: #ffffff;
    text-decoration: underline;
}


/*
|-----------------------------------------------------------------------------------------------
| Dvcss Page Header + Breadcrumb Component
|-----------------------------------------------------------------------------------------------
|
| global component
|
*/

.dvcss-page-header .dvui-breadcrumb,
.dvcss-page-header .dvcss-breadcrumb {
    padding-top: 27px;
    padding-left: 0;
}

.dvcss-page-header .dvui-breadcrumb + h2,
.dvcss-page-header .dvcss-breadcrumb + h2 {
    padding-top: 14px;
    padding-bottom: 4px;
}


/**=====================================================================
 * Registration Footer
 *
 *======================================================================*/

.dvcss-reg-footer {
    color: #00233C;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.dvcss-reg-footer > h2,
.dvcss-reg-footer > .dvcss-reg-footer-title {
    color: #00233C;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.dvcss-reg-footer .dvcss-reg-footer-icon,
.dvcss-reg-footer .pepMdxIcon {
    font-style: normal;
    font-size: 21px;
    font-weight: normal;
    vertical-align: middle;
    margin-left: -2px;
    margin-right: -1px;
}

.dvcss-reg-footer > ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.dvcss-reg-footer > ul > li:before,
.dvcss-reg-footer > ul > li:after {
    display: table;
    content: " ";
}

.dvcss-reg-footer > ul > li:after {
    clear: both;
}

.dvcss-reg-footer > ul > li > a {
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
}

.dvcss-reg-footer > ul > li > a:hover > dd,
.dvcss-reg-footer > ul > li > a:focus > dd,
.dvcss-reg-footer > ul > li > a:hover > dl > dd,
.dvcss-reg-footer > ul > li > a:focus > dl > dd,
.dvcss-reg-footer > ul > li > a:hover,
.dvcss-reg-footer > ul > li > a:focus {
    color: #0079BC;
    text-decoration: underline !important;
}

.dvcss-reg-footer > ul > li > a .dvcss-reg-footer-icon,
.dvcss-reg-footer > ul > li > a .pepMdxIcon {
    margin-left: -2px;
    margin-right: 3px;
}

.dvcss-reg-footer > ul > li > a > dl {
    display: inline-block;
}

.dvcss-reg-footer > ul > li > a > dt,
.dvcss-reg-footer > ul > li > a > dl > dt {
    display: block;
    float: left;
}

.dvcss-reg-footer > ul > li > a > dd,
.dvcss-reg-footer > ul > li > a > dl > dd {
    display: block;

    font-family: Avenir, Helvetica, Arial, sans-serif;
    overflow: hidden;
    padding-top: 5px;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    .dvcss-reg-footer {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
    }

    .dvcss-reg-footer > h2,
    .dvcss-reg-footer > .dvcss-reg-footer-title {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 20px;
    }

    .dvcss-reg-footer .dvcss-reg-footer-icon,
    .dvcss-reg-footer .pepMdxIcon {
        margin-right: 1px;
    }

    .dvcss-reg-footer > ul > li > a {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
    }

    .dvcss-reg-footer > ul > li > a > .media .dvcss-reg-footer-icon,
    .dvcss-reg-footer > ul > li > a > .media .pepMdxIcon {
        margin-right: 5px;
    }
}



/*
|-----------------------------------------------------------------------------------------------
| Dvcss Subflow
|-----------------------------------------------------------------------------------------------
|
| global component
|
*/

.dvcss-subflow {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10000;

    background-color: #e5f3f8;
    min-height: 68px;
    text-align: center;
    width: 100%;
}

.dvcss-subflow-actions {
    display: inline;
}

.dvcss-subflow-actions-left {
    float: left;
    padding-top: 18px;
    padding-bottom: 18px;
}

.dvcss-subflow-actions-right {
    float: right;
    padding-top: 18px;
    padding-bottom: 18px;
}

.dvcss-subflow-body {
    overflow: visible;
    display: inline-block;
    zoom: 1;
}

.dvcss-subflow-steps {
    padding-top: 13px;
    padding-bottom: 13px;
}

/*
|-----------------------------------------------------------------------------------------------
| Dvcss List
|-----------------------------------------------------------------------------------------------
|
| global component
|
*/

.dvcss-list {
    visibility: visible;
}

.dvcss-list.list-inline {
    margin: 0;
}

.dvcss-list.list-unstyled {
    margin: 0;
}


/*
|-----------------------------------------------------------------------------------------------
| Dvcss List Helper
|-----------------------------------------------------------------------------------------------
|
| global component
|
*/

.dvcss-list-helper {
    display: table;
    /* .list-inline */
    padding-left: 0;
    margin-left: -10px;
    list-style: none;
}

.dvcss-list-helper.dvcss-list-helper-right {
    text-align: right;
    margin-left: auto;
    margin-right: -10px;
}

.dvcss-list-helper > li {
    display: table-cell;
    padding-right: 15px;
    padding-left: 14px;
}

.dvcss-list-helper > li.divider {
    height: auto;
    width: 0px;
    padding-left: 0;
    padding-right: 1px;
    border: 0;
    margin: 0;
    background-color: #dfdfdf;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(217,217,217,1) 25%,rgba(217,217,217,1) 75%,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(25%,rgba(217,217,217,1)),color-stop(75%,rgba(217,217,217,1)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(217,217,217,1) 25%,rgba(217,217,217,1) 75%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(217,217,217,1) 25%,rgba(217,217,217,1) 75%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0,rgba(217,217,217,1) 25%,rgba(217,217,217,1) 75%,rgba(255,255,255,0) 100%);
    background: linear-gradient(top,rgba(255,255,255,0) 0,rgba(217,217,217,1) 25%,rgba(217,217,217,1) 75%,rgba(255,255,255,0) 100%);
}

.dvcss-list-helper > li > div {
    min-width: auto;
}

.dvcss-list-helper > li span,
.dvcss-list-helper > li span.label,
.dvcss-list-helper > li label {
    display: block;
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    white-space: nowrap;
}

.dvcss-list-helper > li strong {
    display: block;
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 36px;
}

.dvcss-list-helper > li small {
    display: block;
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    .dvcss-list-helper {
        display: table;
        margin-left: -14px;
    }

    .dvcss-list-helper.dvcss-list-helper-right {
        margin-left: auto;
        margin-right: -14px;
    }

    .dvcss-list-helper > li {
        padding-right: 14px;
        padding-left: 14px;
    }

    .dvcss-list-helper > li > div {
        min-width: 0;
    }

    .dvcss-list-helper > li label {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: -4px;
    }

    .dvcss-list-helper > li strong {
        display: block;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 600;
    }

    .dvcss-list-helper > li small {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        margin-top: -3px;
    }
}


/*
|-----------------------------------------------------------------------------------------------
| Dvcss Listing
|-----------------------------------------------------------------------------------------------
|
| global component
|
*/

.dvcss-listing {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.dvcss-listing > li.dvcss-listing-header {
    padding: 8px 19px 11px;

    color: #00233C;
    background: #e5f3f8;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.dvcss-listing > li.dvcss-listing-item {
    background: none;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;

    -webkit-box-shadow: none;
    box-shadow: none;
}

.dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card {
    position: relative;
    z-index: auto;
    padding: 20px;
    padding-right: 36px;
}

.hover-on .dvcss-listing-item-card.hover .dvcss-listing-item-card-description div,
.hover-on .dvcss-listing-item-card.hover .dvcss-listing-item-card-actions a,
.hover-on .dvcss-listing-item-card.hover .dvcss-pepmdxicon,
.hover-on .dvcss-listing-item-card.hover .dvcss-list-helper span,
.hover-on .dvcss-listing-item-card.hover .dvcss-list-helper strong,
.hover-on .dvcss-listing-item-card.hover .dvcss-list-helper small {
    color: #00739a;
    cursor: pointer;
    text-decoration: none;
}

.dvcss-listing > li.dvcss-listing-item .dvcss-hr-faded {
    position: relative;
    z-index: 0;
}

.dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card-actions {
    margin-top: 10px;
}

.dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card-actions a {
    display: inline-block;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card-actions a .dvcss-pepmdxicon {
    font-size: 15px;
    margin-right: 5px;
}

.dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card-actions a:hover,
.dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card-actions a:focus {
    text-decoration: none;
}

.dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card-actions a:hover > div,
.dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card-actions a:focus > div {
    text-decoration: underline;
}

.dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card-actions a:hover .dvcss-listing-item-card-actions-caret-parent,
.dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card-actions a:focus .dvcss-listing-item-card-actions-caret-parent {
    text-decoration: none!important;
}

.dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card-actions .dvcss-listing-item-card-actions-caret-parent {
    height: 0;
    margin-top: -3px;
}

.dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card-actions .dvcss-listing-item-card-actions-caret {
    position: absolute;
    bottom: -1px;
    z-index: 1;
    border-top: 0;
    border-bottom: 15px solid;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    color: #ccc;
    margin-left: -8px;
}

.dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card-actions .collapsed .dvcss-listing-item-card-actions-caret {
    display: none;
}

.dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card-actions .dvcss-listing-item-card-actions-caret:after {
    content: " ";
    position: absolute;
    top: 1px;
    left: -14px;
    color: #fff;
    border-top: 0;
    border-bottom: 14px solid;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
}

.dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-collapse {
    position: relative;
    z-index: auto;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    margin-top: -1px;
}

.dvcss-listing-item .media {
    overflow: visible;
    padding-right: 55px;
}

.dvcss-listing-item .media .dvcss-pull-left {
    margin-right: 20px;
    padding-bottom: 15px;
    vertical-align: top;
}

.dvcss-listing-item .media .media-object {
    max-width: none;
    width: 170px;
}

.dvcss-listing-item .media-body {
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 0;
    vertical-align: top;
}

.dvcss-listing-item .media-body > .dvcss-dt {
    width: 100%;
}

.dvcss-listing-item .media-body-left {
    width: 1%;
    padding-bottom: 15px;
    padding-right: 20px;
    vertical-align: top;
}

.dvcss-listing-item .media-body-center {
    width: 100%;
    padding-right: 30px;
    vertical-align: top;
}

.dvcss-listing-item .media-body-right {
    padding: 0 30px;
    vertical-align: middle;
    white-space: nowrap;
}

.dvcss-listing-item .media-heading {
    max-width: 520px;
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    max-width: 470px;
}

.dvcss-listing-item .dvcss-pepmdxicon-next {
    position: absolute;
    top: 50%;
    right: 0;
    color: #DFDFDF;
    font-size: 24px;
    margin-top: -12px;
}

.dvcss-listing > li.dvcss-listing-header div.float {
    float: left;
}

.dvcss-listing > li.dvcss-listing-header div.clear {
    clear: none;
}

.dvcss-listing > li.dvcss-listing-header div.link {
    text-align: right;
}

.sectionResortListing .dvcss-listing > li.dvcss-listing-header {
    min-height: 40px;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    .dvcss-listing {
        list-style: none;
    }

    .dvcss-listing > li.dvcss-listing-header div.clear {
        clear: both;
    }

    .dvcss-listing > li.dvcss-listing-header div.link {
        display: table-row;
        text-align: left;
    }

    .dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card {
        margin-bottom: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 15px;
    }

    .dvcss-listing-item .media {
        padding-right: 0;
    }

    .dvcss-listing-item .media-body {
        position: relative;
        padding-top: 8px;
        padding-bottom: 0;
        padding-right: 39px;
    }

    .dvcss-listing-item .media-body > .dvcss-dt > .dvcss-dt-row {
        display: block;
    }

    .dvcss-listing-item .media-body-left {
        display: block;
        width: auto;
        padding-right: 0;
    }

    .dvcss-listing-item .media .media-object {
        height: auto;
        width: 100%;
    }

    .dvcss-listing-item .media-body-content {
        display: block;
        position: relative;
        padding-right: 30px;
        padding-bottom: 15px;
    }

    .dvcss-listing-item .media-body-center {
        display: block;
        padding: 0;
    }

    .dvcss-listing-item .media-body-right {
        display: block;
        padding: 0;
    }

    .dvcss-listing-item .media-heading {
        margin-top: 0;
        margin-bottom: 8px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
    }

    .dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card-actions .dvcss-listing-item-card-actions-caret {
        display: none;
    }

    .dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-collapse.collapsing,
    .dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-collapse.in {
        display: none;
        height: auto !important;
    }

    .dvcss-listing-item .dvcss-pepmdxicon-next {
        font-size: 23px;
        right: -7px;
    }
}


/*
|-----------------------------------------------------------------------------------------------
| MODAL (Mobile Targetted)
|-----------------------------------------------------------------------------------------------
|
*/

.dvcss-modal .modal-dialog {
    display: table;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 30px 0;

}

/* [DVCP-8040] MOBILE: Dues AutoPay - Submit Request to Enroll - Bank Account "Enroll Autopay modal was not fully displayed" */
.touch .dvcss-modal .modal-dialog {
    margin-bottom: 1px;
}

.dvcss-modal .modal-content {
    display: table-cell;
    background: none;
    border: 0;
    border-radius: 0;
    margin: 0 auto;
    vertical-align: middle;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dvcss-modal .modal-middle {
    position: relative;
    max-width: 600px;
    background: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 17px;
    margin: 0 auto;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

.dvcss-modal .modal-sm .modal-middle {
    max-width: 300px;
}

.dvcss-modal .modal-lg .modal-middle {
    max-width: 900px;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    .dvcss-modal .modal-dialog {
        padding: 10px;
    }
}


/********** Header **********/

.dvcss-modal .modal-header.modal-header-faded {
    padding: 23px 30px 0;
    border-bottom: 0;
}

.dvcss-modal .modal-header-faded .modal-header-inner {
    padding: 0 0 22px;
}

.dvcss-modal .modal-header-faded .modal-title {
    color: #00233C;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    line-height: 36px;
    margin-bottom: 4px;
}

.dvcss-modal .modal-header-faded p {
    color: #00233C;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 0;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    .dvcss-modal .modal-header.modal-header-faded {
        padding: 9px 19px 0;
    }

    .dvcss-modal .modal-header-faded .modal-header-inner {
        padding-bottom: 17px;
    }

    .dvcss-modal .modal-header-faded .modal-title {
        color: #00233C;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
    }

    .dvcss-modal .modal-header-faded p {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 9px;
    }
}

/********** Footer **********/

.dvcss-modal .modal-footer .btn + .btn {
    margin-left: 12px;
}
.dvcss-modal .modal-footer.modal-footer-faded {
    padding: 0 20px 15px;
    border-top: 0;
}
.dvcss-modal .modal-footer-faded .modal-footer-inner {
    padding: 15px 0 0;
}

/********** Body **********/

.dvcss-modal .modal-body {
    padding: 30px;
}

/*
|-----------------------------------------------------------------------------------------------
| MODAL (Mobile Fullscreen)
|-----------------------------------------------------------------------------------------------
|
*/

/* Mobile query */
@media screen and (max-width: 767px) {
    .dvcss-modal .modal-xs-fullscreen {
        display: block;
        height: 100%;
        width: 100%;
        background: #ffffff;
        margin: 0;
        padding:0;
    }

    .dvcss-modal .modal-xs-fullscreen .modal-content {
        display: block;
        height: 100%;
        width: 100%;
        border: 0;
        border-radius: 0;
        padding: 0;
        -webkit-box-shadow: 0 0 0 rgba(0,0,0,.5);
        box-shadow: 0 0 0 rgba(0,0,0,.5);
    }

    .dvcss-modal .modal-xs-fullscreen .modal-middle {
        display: table;
        height: 100%;
        width: 100%;
        max-width: none;
        border: 0;
        border-radius: 0;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dvcss-modal .modal-xs-fullscreen .modal-main {
        display: table-row;
        height: 100%;
        /*
        padding-bottom: 61px;
        margin-bottom: -61px;
        */
    }

    .dvcss-modal .modal-xs-fullscreen .modal-body {
        padding: 21px 15px 20px;
    }

    .dvcss-modal .modal-xs-fullscreen .modal-footer {
        display: table-row;
        background: #fff;
        text-align: right;
        border-top: 0;
    }

    .dvcss-modal .modal-xs-fullscreen .modal-footer .modal-footer-body {
        background: #fff;
        padding: 0 15px 15px;
    }
}

/* Mobile query */
@media screen and (max-width: 767px) {
    body.dvcss-body-modal-opened-xs {
        position: fixed;
        top: 0!important;
        bottom: 0!important;
        overflow: hidden;
        width: 100%;
        -webkit-overflow-scrolling: auto;
    }

    body.dvcss-body-modal-opened-xs.dvcss-mobile-fix {
        overflow: auto;
    }

    .dvcss-modal-content {
        min-height: 100%;
    }
}


/*
|-----------------------------------------------------------------------------------------------
| Dvcss Calendar
|-----------------------------------------------------------------------------------------------
|
| global component
|
*/

.dvcss-calendar {
    position: relative;
    text-align: center;
}

/*------------------------------
 * Month Header
 *------------------------------*/

.dvcss-calendar .dvcss-calendar-month-header {
    display: inline-block;
    text-align: center;
    margin-bottom: 18px;
}

.dvcss-calendar .dvcss-calendar-month-header h2,
.dvcss-calendar .dvcss-calendar-month-header strong {
    display: inline-block;
    margin: 0;
    padding: 0 31px;
    color: #00233C;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 100;
    vertical-align: middle;
}

.dvcss-calendar .dvcss-calendar-month-header .dvcss-calendar-month-next,
.dvcss-calendar .dvcss-calendar-month-header .dvcss-calendar-month-prev {
    color: #00233C;
    cursor: pointer;
    font-size: 18px;
    vertical-align: middle;
}

.dvcss-calendar .dvcss-calendar-month-header .dvcss-calendar-month-next:hover,
.dvcss-calendar .dvcss-calendar-month-header .dvcss-calendar-month-prev:hover {
    text-decoration: none;
}

.dvcss-calendar .dvcss-calendar-month-header .dvcss-calendar-month-next:focus,
.dvcss-calendar .dvcss-calendar-month-header .dvcss-calendar-month-prev:focus {
    outline: 1px dotted #00739a;
    text-decoration: none;
}

.dvcss-calendar .dvcss-calendar-month-header .dvcss-calendar-month-prev {
    float: left;
    margin-top: 2px;
}

.dvcss-calendar .dvcss-calendar-month-header .dvcss-calendar-month-next {
    float: right;
    margin-top: 2px;
}

.dvcss-calendar .dvcss-calendar-month-header .dvcss-calendar-month-next.disabled,
.dvcss-calendar .dvcss-calendar-month-header .dvcss-calendar-month-prev.disabled {
    color: #dfdfdf;
    cursor: default;
}

/* Mobile query */
@media (max-width: 767px) {
    .dvcss-calendar .dvcss-calendar-month-header {
        margin-bottom: 11px;
    }

    .dvcss-calendar .dvcss-calendar-month-header h2,
    .dvcss-calendar .dvcss-calendar-month-header strong {
        color: #00233C;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        vertical-align: middle;
        padding: 0 31px;
    }

    .dvcss-calendar .dvcss-calendar-month-header .dvcss-calendar-month-prev {
        position: absolute;
        float: left;
        top: 4px;
        left: 0;
        margin-top: 0;

        font-size: 20px;
    }

    .dvcss-calendar .dvcss-calendar-month-header .dvcss-calendar-month-next {
        position: absolute;
        float: right;
        top: 4px;
        right: 0;
        margin-top: 0;

        font-size: 20px;
    }
}

/*------------------------------
 * Calendar Body
 *------------------------------*/

.dvcss-calendar .dvcss-calendar-body {
    display: table;
    width: 100%;
    text-align: left;
}

.dvcss-calendar .dvcss-calendar-days-header {
    display: block;
    margin-bottom: 5px;
}

.dvcss-calendar .dvcss-calendar-days-header ul:before,
.dvcss-calendar .dvcss-calendar-days-header ul:after,
.dvcss-calendar .dvcss-calendar-days-header:before,
.dvcss-calendar .dvcss-calendar-days-header:after {
    display: table;
    content: " ";
}

.dvcss-calendar .dvcss-calendar-days-header ul:after,
.dvcss-calendar .dvcss-calendar-days-header:after {
    clear: both;
}

.dvcss-calendar .dvcss-calendar-days-header ul {
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.dvcss-calendar .dvcss-calendar-days-header ul > li {
    display: block;
    float: left;
    width: 14.285%;
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 400;
    padding: 0;
    text-align: center;
    vertical-align: top;
}

.dvcss-calendar .dvcss-calendar-days-col {
    display: block;
    padding: 2px 0;
    margin: 0;
}

.dvcss-calendar .dvcss-calendar-days-col:before,
.dvcss-calendar .dvcss-calendar-days-col:after {
    display: table;
    content: " ";
}

.dvcss-calendar .dvcss-calendar-days-col:after {
    clear: both;
}

.dvcss-calendar .dvcss-calendar-days-col > li {
    display: block;
    float: left;
    width: 14.285%;
    padding: 0;
    vertical-align: top;
}

.dvcss-calendar .dvcss-calendar-days-col > li > a,
.dvcss-calendar .dvcss-calendar-days-col > li > span {
    display: block;
    position: relative;
    height: auto;
    border: 0 solid transparent;
    border-radius: 5px;
    background: none;
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 400;
    margin: 0 2px;
    padding-top: 100%;
    padding-right: 0;
    text-align: right;
}

.dvcss-calendar .dvcss-calendar-days-col > li > a i,
.dvcss-calendar .dvcss-calendar-days-col > li > span i {
    position: absolute;
    top: 2px;
    right: 5px;
    font-style: normal;
}

.dvcss-calendar .dvcss-calendar-days-col > li.available > a,
.dvcss-calendar .dvcss-calendar-days-col > li.available > span {
    background: #e5f3f8;
}

.dvcss-calendar .dvcss-calendar-days-col > li.selectable {
    cursor: pointer;
}

.dvcss-calendar .dvcss-calendar-days-col > li.selectable > a,
.dvcss-calendar .dvcss-calendar-days-col > li.selectable > span {
    position: relative;

    background: #e5f3f8;
}

.dvcss-calendar .dvcss-calendar-days-col > li.selectable > a:focus,
.dvcss-calendar .dvcss-calendar-days-col > li.selectable > span:focus {
    background: #c2e0eb;
}

.dvcss-calendar .dvcss-calendar-days-col > li.selectable:hover > a,
.dvcss-calendar .dvcss-calendar-days-col > li.selectable:hover > span {
    background: #c2e0eb;
}

.dvcss-calendar .dvcss-calendar-days-col > li.disableSelected > a:focus,
.dvcss-calendar .dvcss-calendar-days-col > li.disableSelected > span:focus {
    background: #e5f3f8;
}

.dvcss-calendar .dvcss-calendar-days-col > li.disableSelected:hover > a,
.dvcss-calendar .dvcss-calendar-days-col > li.disableSelected:hover > span {
    background: #e5f3f8;
}

.dvcss-calendar .dvcss-calendar-days-col > li.disableSelected {
    cursor: default;
}

.dvcss-calendar .dvcss-calendar-days-col > li.disabled.selectable > a:hover,
.dvcss-calendar .dvcss-calendar-days-col > li.disabled.selectable > a:focus,
.dvcss-calendar .dvcss-calendar-days-col > li.disabled > a,
.dvcss-calendar .dvcss-calendar-days-col > li.disabled > span,
.dvcss-calendar .dvcss-calendar-days-col > li.disabled:hover > a,
.dvcss-calendar .dvcss-calendar-days-col > li.disabled:hover > span {
    background: #dfdfdf;
    cursor: default!important;
}

.dvcss-calendar .dvcss-calendar-days-col > li.unavailable > a,
.dvcss-calendar .dvcss-calendar-days-col > li.unavailable > span,
.dvcss-calendar .dvcss-calendar-days-col > li.unavailable:hover > a,
.dvcss-calendar .dvcss-calendar-days-col > li.unavailable:hover > span {
    background: #dfdfdf;
    cursor: default!important;
}

.dvcss-calendar .dvcss-calendar-days-col > li.unselectable > a,
.dvcss-calendar .dvcss-calendar-days-col > li.unselectable > span,
.dvcss-calendar .dvcss-calendar-days-col > li.unselectable:hover > a,
.dvcss-calendar .dvcss-calendar-days-col > li.unselectable:hover > span {
    background: #dfdfdf;
    cursor: default!important;
}

.dvcss-calendar .dvcss-calendar-days-col > li.selected {
    cursor: default;
}
.dvcss-calendar .dvcss-calendar-days-col > li.selected > a,
.dvcss-calendar .dvcss-calendar-days-col > li.selected > span {
    background: #c2e0eb;
}

.dvcss-calendar .dvcss-calendar-days-col > li.selected > a:after,
.dvcss-calendar .dvcss-calendar-days-col > li.selected > span:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 2px solid #00739a;
    border-radius: 5px;
}

.dvcss-calendar .dvcss-calendar-days-col > li.selected + li.selected > a:before,
.dvcss-calendar .dvcss-calendar-days-col > li.selected + li.selected > span:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -14px;
    width: 10px;
    border-right: 4px solid #c2e0eb;
    border-left: 0;
    border-radius: 4px;
}

.dvcss-calendar .dvcss-calendar-days-col > li.selected + li.selected > a:after,
.dvcss-calendar .dvcss-calendar-days-col > li.selected + li.selected > span:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -14px;
    right: 0;
    border: 2px solid #00739a;
    border-left: 0;
    border-radius: 0 5px 5px 0;
}

.dvcss-calendar .dvcss-calendar-days-col > li.selected.available > a,
.dvcss-calendar .dvcss-calendar-days-col > li.selected.available > span {
    background: #e5f3f8;
}

.dvcss-calendar .dvcss-calendar-days-col > li.selected.available + li.selected > a:before,
.dvcss-calendar .dvcss-calendar-days-col > li.selected.available + li.selected > span:before {
    border-right-color: #e5f3f8;
}

.dvcss-calendar .dvcss-calendar-days-col > li.selected.unavailable > a,
.dvcss-calendar .dvcss-calendar-days-col > li.selected.unavailable > span {
    background: #dfdfdf;
}

.dvcss-calendar .dvcss-calendar-days-col > li.selected.unavailable + li.selected > a:before,
.dvcss-calendar .dvcss-calendar-days-col > li.selected.unavailable + li.selected > span:before {
    border-right-color: #dfdfdf;
}

.dvcss-calendar .dvcss-calendar-days-col > li > a .dvcss-calendar-points,
.dvcss-calendar .dvcss-calendar-days-col > li > span .dvcss-calendar-points,
.dvcss-calendar .dvcss-calendar-days-col > li > a .dvcs-calendar-points,
.dvcss-calendar .dvcss-calendar-days-col > li > span .dvcs-calendar-points {
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: auto;
    width: 100%;
    background: none;
    color: #78899e;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    vertical-align: baseline;
}

.dvcss-calendar .dvcss-calendar-loading {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
}

/* Mobile query */
@media (max-width: 767px) {
    .dvcss-calendar .dvcss-calendar-days-header {
        margin-bottom: 3px;
    }

    .dvcss-calendar .dvcss-calendar-days-header ul > li {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 9px;
        font-weight: 400;
    }

    .dvcss-calendar .dvcss-calendar-days-col > li > a i,
    .dvcss-calendar .dvcss-calendar-days-col > li > span i {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 10px;
        font-weight: 400;
    }
}

/********** Unhoverable **********/

.dvcss-calendar.dvcss-calendar-unhoverable .dvcss-calendar-days-col > li.selectable {
    cursor: default;
}

.dvcss-calendar.dvcss-calendar-unhoverable .dvcss-calendar-days-col > li.selectable:hover {
    cursor: default;
}

.dvcss-calendar.dvcss-calendar-unhoverable .dvcss-calendar-days-col > li.selectable:hover > a,
.dvcss-calendar.dvcss-calendar-unhoverable .dvcss-calendar-days-col > li.selectable:hover > span {
    background: #e5f3f8;
}

.dvcss-calendar.dvcss-calendar-unhoverable .dvcss-calendar-days-col > li.disabled:hover > a,
.dvcss-calendar.dvcss-calendar-unhoverable .dvcss-calendar-days-col > li.disabled:hover > span {
    background: #dfdfdf;
}

.dvcss-calendar.dvcss-calendar-unhoverable .dvcss-calendar-days-col > li.unavailable:hover > a,
.dvcss-calendar.dvcss-calendar-unhoverable .dvcss-calendar-days-col > li.unavailable:hover > span {
    background: #dfdfdf;
}

.dvcss-calendar.dvcss-calendar-unhoverable .dvcss-calendar-days-col > li.unselectable:hover > a,
.dvcss-calendar.dvcss-calendar-unhoverable .dvcss-calendar-days-col > li.unselectable:hover > span {
    background: #dfdfdf;
}

.dvcss-calendar.dvcss-calendar-unhoverable .dvcss-calendar-days-col > li.selected:hover > a,
.dvcss-calendar.dvcss-calendar-unhoverable .dvcss-calendar-days-col > li.selected:hover > span {
    background: #c2e0eb;
}

/*
|-----------------------------------------------------------------------------------------------
| Dvcss Legend Squares for Calendar
|-----------------------------------------------------------------------------------------------
|
| global component
|
*/

.dvcss-legend-square {
    display: inline-block;
    height: 13px;
    width: 13px;
    background-color: #e5f3f8;
    border: 2px solid transparent;
    border-radius: 3px;
    margin-right: 2px;
    vertical-align: top;
}

.dvcss-legend-square.selected {
    border-color: #00739a;
}

.dvcss-legend-square.disabled {
    background-color: #dfdfdf;
}

/*
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
*/

.dvcss-tabs.btn-group.btn-group-justified:before,
.dvcss-tabs.btn-group.btn-group-justified:after {
    display: table;
    content: " ";
}

.dvcss-tabs.btn-group.btn-group-justified:after {
    clear: both;
}

.dvcss-tabs.btn-group.btn-group-justified {
    display: table;
    table-layout: fixed;
    margin-bottom: 20px;
    width: 100%;
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #f9f9f9 23%, #eaf1f8 63%, #eaf1f8 73%, #e1e8f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(23%,#f9f9f9), color-stop(63%,#eaf1f8), color-stop(73%,#eaf1f8), color-stop(100%,#e1e8f1));
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#f9f9f9 23%,#eaf1f8 63%,#eaf1f8 73%,#e1e8f1 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%,#f9f9f9 23%,#eaf1f8 63%,#eaf1f8 73%,#e1e8f1 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%,#f9f9f9 23%,#eaf1f8 63%,#eaf1f8 73%,#e1e8f1 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%,#f9f9f9 23%,#eaf1f8 63%,#eaf1f8 73%,#e1e8f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e1e8f1',GradientType=0 );
    border-top: 1px solid #f3f4f5;
    border-bottom: 0px solid #d0d9e3;
}

.dvcss-tabs.btn-group.btn-group-justified > .btn {
    padding: 15px 10px;
    width: 50%;
    background: none;
    border: 0;
    border-bottom: 1px solid #d0d9e3;
    border-right: 1px solid #d0d9e3;
    border-radius: 0;
    box-shadow: inset -1px 0px 3px -1px #f5f8fb;
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-weight: 600;
    white-space: normal;
}

.dvcss-tabs.btn-group.btn-group-justified > .btn:last-child {
    border-right: 0;
}

.dvcss-tabs.btn-group.btn-group-justified.btn-group-smallcount > .btn:last-child {
    border-right: 1px solid #d0d9e3;
}

.dvcss-tabs.btn-group.btn-group-justified > .btn:focus {
    box-shadow: 0 0 4px 1px #1d96d7;
}

.dvcss-tabs.btn-group.btn-group-justified > .btn:hover {
    color: #0079BC;
    text-decoration: none;
}

.dvcss-tabs.btn-group.btn-group-justified > .btn.active {
    background: #fff;
    border-bottom-color: transparent;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    .dvcss-tabs.btn-group.btn-group-justified {
        display: table;
        table-layout: fixed;
        margin-bottom: 10px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        overflow: hidden;
    }

    .dvcss-tabs.btn-group.btn-group-justified > .btn {
        width: 50%;
        padding-left: 5px;
        padding-right: 5px;
        vertical-align: top;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 10px;
        font-weight: 600;
        line-height: 14px;
        white-space: normal;
    }

    .dvcss-tabs.btn-group.btn-group-justified > .btn .dvcss-pepmdxicon {
        margin-bottom: 5px;

        font-size: 20px;
    }
}


/*
|-----------------------------------------------------------------------------------------------
| Dvcss PEP Form
|-----------------------------------------------------------------------------------------------
|
| global component
|
*/

/**
 *  Default Form
 * ========================================
 *
 */

/***** Input Text and Textarea *****/

.dvcss-form .formInputElement {
    display: block;
    margin-right: 0;
}

.dvcss-form .textInput input {
    width: 100%;
}

.dvcss-form textarea {
    display: block;
    width: 100%;
    border: 0;
    line-height: 1.5em;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    .dvcss-form .formInputElement {
        display: block;
        margin-right: 0;
        margin-bottom: 20px!important;
    }
}

/***** Select Box *****/

.dvcss-form .formInputElement .selectBox {
    width: 100%;
}


/**
 *  Inline Form
 * ========================================
 *
 */

.dvcss-form.form-inline .formInputElement {
    display: inline-block;
    margin-right: 3px;
}

.dvcss-form.form-inline .formInputElement.longName label {
    width: auto;
}

.dvcss-form.form-inline .textInput input {
    width: 180px;
}

.dvcss-form.form-inline .short .textInput input {
    width: 90px;
}

.dvcss-form.form-inline .long .textInput input {
    width: 215px;
}

.dvcss-form.form-inline textarea {
    width: 180px;
}

.dvcss-form.form-inline .short textarea {
    width: 90px;
}

.dvcss-form.form-inline .long textarea {
    width: 215px;
}

.dvcss-form.form-inline .formInputElement .selectBox {
    width: 150px;
}

.dvcss-form.form-inline .formInputElement.short .selectBox,
.dvcss-form.form-inline .formInputElement .selectBox.short {
    width: 90px;
}

.dvcss-form.form-inline .formInputElement.long .selectBox,
.dvcss-form.form-inline .formInputElement .selectBox.long {
    width: 215px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    .dvcss-form.form-inline .formInputElement {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px!important;
    }

    .dvcss-form.form-inline .textInput input,
    .dvcss-form.form-inline .short .textInput input,
    .dvcss-form.form-inline .long .textInput input {
        width: 100%;
    }

    .dvcss-form.form-inline textarea,
    .dvcss-form.form-inline .long textarea {
        width: 100%;
    }

    .dvcss-form.form-inline .formInputElement .selectBox,
    .dvcss-form.form-inline .formInputElement .selectBox.short,
    .dvcss-form.form-inline .formInputElement.short .selectBox,
    .dvcss-form.form-inline .formInputElement .selectBox.long,
    .dvcss-form.form-inline .formInputElement.long .selectBox {
        width: 100%;
    }
}

/**------------------------------
 * Inline Error
 *-------------------------------*/

.dvcss-form .inlineErrors {
    margin-left: 16px;
}

.dvcss-form .inlineErrors li {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.dvcss-form .inlineErrors li:first-child {
    margin-top: 7px;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    .dvcss-form .inlineErrors {

    }

    .dvcss-form .inlineErrors li:first-child {
        margin-top: -17px;
    }

    .dvcss-form .inlineErrors li:last-child {
        margin-bottom: 23px;
    }
}


/*!
 * PEP Form
 * ========================================
 */

.dvcss-sharelink {

}

.dvcss-sharelink .dvcss-sharelink-inner {
    padding-top: 24px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcss-sharelink .dvcss-sharelink-inner {
        padding-top: 22px;
    }

}

/*! DEPRECATED
 * PEP Form Error Messages
 * ========================================
 *
 */

.dvcss-form-list-pep .error_icon {
    position: relative;
    top: -5px;

    float: left;
    margin-right: 7px;
}

.dvcss-form-list-pep > h3.err-msg {
    display: block!important;
    margin: 0 !important;
    padding: 0;
    vertical-align: middle;

    color: #FF4605;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    overflow: hidden;
}

#dvcHelpContactEmailUs .dvcEmailUsCol div.dvcHeaderError > h3.err-msg {
    padding-bottom: 50px;
}

.dvcss-form-list-pep > #error-listing-container {
    margin-top: 5px;
    margin-bottom: 17px;
    padding-left: 36px;
}

#dvcHelpContactEmailUs ~ footer {
    margin-bottom: 64px;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    .dvcss-form-list-pep > h3.err-msg {
        display: block;
        margin: 8px 0 5px 0;
        padding: 0 0 0 6px;
        vertical-align: middle;
        color: #FF4605;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        overflow: hidden;
    }

    .dvcss-form-list-pep > #error-listing-container {
        padding-left: 36px;
        margin-bottom: 17px;
    }

    .dvcss-form-list-pep > #error-listing-container > ul {
        margin: 0;
    }

    .dvcss-form-list-pep > #error-listing-container > ul  > li {
        position: static;
        margin-left: 10px;
        color: #ff4605;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
    }
}

.dvcss-dot-one {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}

.dvcss-dot-two {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
    animation: dot 1.3s infinite;
    animation-delay: 0.2s;
}

.dvcss-dot-three {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
    animation: dot 1.3s infinite;
    animation-delay: 0.3s;
}

@-webkit-keyframes dot {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes dot {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

.selectBox .autoOverflowY {
    overflow-y: auto;
}


/***********************************************************
 * DVCSS Flexbox
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.dvcss-flexbox {
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    margin-bottom: 0;
    padding: 34px 30px 30px;
    -webkit-box-shadow: 0 2px 3px 0 #dfdfdf;
    box-shadow: 0 2px 3px 0 #dfdfdf;
}

.dvcss-flexbox.justify-center .flexbox-block {
    -webkit-justify-content: center;
    justify-content: center;
}

.dvcss-flexbox .flexbox-title {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 0;
}

.dvcss-flexbox .flexbox-title strong {
    display: block;
    margin-bottom: 0;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 42px;
}

.dvcss-flexbox .flexbox-title .flexbox-icon {
    display: inline;
}

.dvcss-flexbox .flexbox-title strong i,
.dvcss-flexbox .flexbox-title strong .peptasia,
.dvcss-flexbox .flexbox-title .flexbox-icon i,
.dvcss-flexbox .flexbox-title .flexbox-icon .peptasia {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 12px;
}

.dvcss-flexbox .flexbox-subtitle {
    min-height: 50px;
    max-height: 100px;
    word-wrap: break-word;
}

.dvcss-flexbox .flexbox-text {
    padding-top: 18px;
    padding-bottom: 15px;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.dvcss-flexbox .flexbox-text strong {
    display: block;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.dvcss-flexbox .flexbox-title + .flexbox-text {
    padding-top: 8px;
    padding-bottom: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.dvcss-flexbox .flexbox-footer {
    padding-top: 11px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    .dvcss-flexbox {
        padding-top: 19px;
        padding-bottom: 25px;
        width: auto;
        min-height: 148px;
    }

    .dvcss-flexbox .flexbox-title {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 12px;
    }

    .dvcss-flexbox .flexbox-title strong {
        font-size: 38px;
        line-height: 45px;
        margin-bottom: 4px;
    }

    .dvcss-flexbox .flexbox-title strong i,
    .dvcss-flexbox .flexbox-title strong .peptasia,
    .dvcss-flexbox .flexbox-title .flexbox-icon i,
    .dvcss-flexbox .flexbox-title .flexbox-icon .peptasia {
        margin-bottom: 16px;
    }

    .dvcss-flexbox .flexbox-subtitle {
        min-height: 0;
        max-height: none;
    }

    .dvcss-flexbox .flexbox-footer {
        padding-top: 0;
    }
}

/**
|-----------------------------------------------------------------------------------------------
| FLEXBOX GROUP
|-----------------------------------------------------------------------------------------------
|
*/

/***** Flex *****/

.dvcss-flexbox-group {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex: 1 0 0;
    flex: 1 0 0;
}

.dvcss-flexbox-group .dvcss-flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    flex: 1;
    height: auto;
    width: auto;
    margin: 0 15px;
}

.dvcss-flexbox-group .dvcss-flexbox .flexbox-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    flex-direction: column;
}

/***********************************************************
 * DVCSS List Group Component
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.dvcss-list-group {
    padding-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.dvcss-list-group .list-item {
    position: relative;
    display: block;
    padding: .75rem 0;
    background-color: #fff;
}

.dvcss-list-group .list-item::before {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    height: 1px;
    width: 100%;
    background: -webkit-gradient(linear,0 0,100% 0,from(rgba(255,255,255,0)),color-stop(5%,#dfdfdf),color-stop(95%,#dfdfdf),to(rgba(255,255,255,0)));
    background: -moz-linear-gradient(linear,0 0,100% 0,from(rgba(255,255,255,0)),color-stop(5%,#dfdfdf),color-stop(95%,#dfdfdf),to(rgba(255,255,255,0)));
    background: -ms-linear-gradient(0deg,rgba(255,255,255,0),#dfdfdf 5%,#dfdfdf 95%,rgba(255,255,255,0));
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#dfdfdf 5%,#dfdfdf 95%,hsla(0,0%,100%,0)) repeat scroll 0 0 transparent;
    clear: both;
    margin: 0 auto;
}

.dvcss-list-group .list-item:first-child {
    border-top: 0;
}

.dvcss-list-group .list-item:first-child::before {
    content: "";
    display: none;
}


/**************************************************
 * DVCSS Panel Component - dvcss.panel.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: jjame01 $
 * $Revision: #36 $
 * $Change: 1645903 $
 * $Date: 2016/10/07 $
 **************************************************/

.dvcss-panel {
    margin-bottom: 0;
}

.dvcss-panel > .panel-body > .panel-title {
    background: #d9edf7;
    padding: 20px;
}

/*------------------------------
 * Panel Sizing
 *------------------------------*/
.dvcss-panel.panel-lg {
    border-radius: 12px;
}

.dvcss-panel.panel-lg > .panel-nav .nav-tabs > li:first-child,
.dvcss-panel.panel-lg > .panel-nav .nav-tabs > li:first-child > a {
    border-top-left-radius: 12px;
}

.dvcss-panel.panel-lg > .panel-heading {
    padding: 20px;
}

.dvcss-panel.panel-lg > .panel-body {
    padding: 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    .dvcss-panel.panel-lg {
        border-radius: 6px;
    }
    .dvcss-panel.panel-lg > .panel-body {
        padding: 10px;
    }
}

/*------------------------------
 * Panel Alternative Colors
 *------------------------------*/
.dvcss-panel.panel-info {
    border-color: transparent;
    box-shadow: none;
}

.dvcss-panel.panel-info > .panel-heading {
    color: #00233C;
    background-color: #bfdde7;
    border-color: #bfdde7;
}

.dvcss-panel.panel-info > .panel-body {
    background-color: #e5f3f8;
}

/*------------------------------
 * Panel Nav Tab
 *------------------------------*/

.dvcss-panel .panel-nav .nav-tabs {
    background: none;
    background-color: #00233C;
    border: 0;
    border-bottom: 1px solid #00233C;
    border-bottom: 0;
    border-radius: 11px 11px 0 0;
    color: #fff;
    margin-bottom: 0;
    padding: 0;
}

.dvcss-panel .panel-nav .nav-tabs > li {
    display: table-cell;
    float: none;
    position: relative;
    background: none;
    border: 0;
    border-radius: 0;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    margin-bottom: -1px;
    vertical-align: middle;
    box-shadow: none;
}

.dvcss-panel .panel-nav .nav-tabs > li.nav-divider {
    height: auto;
    width: 1px;
    border: 0;
    margin: 0;
    background-color: #e5e5e5;
    background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.1), rgba(255,255,255,0));
    background: -webkit-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.1), rgba(255,255,255,0));
    background: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.1), rgba(255,255,255,0));
    background: linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.1), rgba(255,255,255,0));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.1), rgba(255,255,255,0));
}

.dvcss-panel .panel-nav .nav-tabs > li .nav-divider {
    position: absolute;
    top: 0;
    right: -1px;
    height: 100%;
    width: 1px;
    border: 0;
    margin: 0;
    background-color: #e5e5e5;
    background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.1), rgba(255,255,255,0));
    background: -webkit-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.1), rgba(255,255,255,0));
    background: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.1), rgba(255,255,255,0));
    background: linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.1), rgba(255,255,255,0));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.3), rgba(255,255,255,0.1), rgba(255,255,255,0));
}

.dvcss-panel .panel-nav .nav-tabs > li > a {
    min-width: 170px;
    color: #fff;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-right: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 20px;
}

.dvcss-panel .panel-nav .nav-tabs > li > a,
.dvcss-panel .panel-nav .nav-tabs > li > a:hover,
.dvcss-panel .panel-nav .nav-tabs > li > a:focus,
.dvcss-panel .panel-nav .nav-tabs > li.open > a,
.dvcss-panel .panel-nav .nav-tabs > li.open > a:hover,
.dvcss-panel .panel-nav .nav-tabs > li.open > a:focus {
    background: none;
    border: 1px solid transparent;
}

.dvcss-panel .panel-nav .nav-tabs > li > a:focus {
    color: #1994d7;
}

.dvcss-panel .panel-nav .nav-tabs > li > a:focus::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    border: 1px dotted #000;
}

.dvcss-panel .panel-nav .nav-tabs > li:first-child > a:focus::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    border: 1px dotted #000;
    border-top-left-radius: 12px;
}

.dvcss-panel .panel-nav .nav-tabs > li:last-child > a:focus::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    border: 1px dotted #000;
    border-top-right-radius: 12px;
}

.dvcss-panel .panel-nav .nav-tabs > li.open > a:focus::after {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    border: 1px dotted transparent;
}

.dvcss-panel .panel-nav .nav-tabs > li.open {
    background: #fff;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
}

.dvcss-panel .panel-nav .nav-tabs > li.open > a {
    color: #00739a;
}

.dvcss-panel .panel-nav .nav-tabs > li.open:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: #fff;
    content: " ";
    z-index: 1001;
}

.dvcss-panel .panel-nav .nav-tabs .dropdown-menu {
    min-width: 270px;
    border: 0;
    border-color: #dfdfdf;
    border-radius: 0 10px 10px 10px;
    color: #00233C;
    margin-top: 0;
    margin-left: -1px;
    padding: 17px 14px 12px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    box-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.dvcss-panel .panel-nav .nav-tabs > li > a > .caret.dvcss-pull-right {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 5px;
}

/*------------------------------
 * Panel Alternates
 *------------------------------*/

/***** Default *****/

.dvcss-panel.panel-default {
    border-color: transparent;
    border: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.dvcss-panel.panel-default > .panel-heading {
    background: none;
}

/***** Primary *****/

.dvcss-panel.panel-primary {
    border-color: transparent;
    border: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.dvcss-panel.panel-primary > .panel-heading {
    border: 0;
}

/*------------------------------
 * Panel Nav Forms
 *------------------------------*/

.dvcss-panel-nav .dropdown-menu h6 {
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 27px;
}

.dvcss-panel-nav .panel {
    box-shadow: none;
    margin-bottom: 0;
}

.dvcss-panel-nav .btn-link {
    margin-top: 9px;
    margin-left: 1px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}

.dvcss-panel-nav .form-row,
.dvcss-panel-nav .dvcss-form .form-row {
    margin-bottom: 0;
}

.dvcss-panel-nav .radio,
.dvcss-panel-nav .checkbox {
    margin-top: 0;
    margin-bottom: 0;
    color: #65778a;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding-top: 2px;
    padding-bottom: 4px;
}


/***********************************************************
 * DVCSS Panel Group Component - dvcss.panel-group.css
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.dvcss-panel-group {
    margin-bottom: 0;
}

.dvcss-panel-group > .panel {
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

.dvcss-panel-group > .panel:first-child {
    border-radius: 12px 12px 0 0;
}

.dvcss-panel-group > .panel:first-child .panel-heading {
    border-radius: 12px 12px 0 0;
}

.dvcss-panel-group > .panel:last-child {
    border-radius: 0 0 12px 12px;
}

.dvcss-panel-group > .panel:last-child .panel-heading {
    border-radius: 0 0 12px 12px;
}

.dvcss-panel-group > .panel > .panel-heading {
    padding: 19px 40px 13px 31px;
    background: #fff;
    border-radius: 0;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}

.dvcss-panel-group > .panel > .panel-heading .panel-title {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

.dvcss-panel-group > .panel > .panel-heading .panel-title a {
    color: #00233C;
    text-decoration: none;
}

.dvcss-panel-group > .panel > .panel-heading .panel-title a .media-left i,
.dvcss-panel-group > .panel > .panel-heading .panel-title a .media-left i.peptasia-caret {
    position: relative;
    top: -2px;
    color: #a1afc0;
    font-size: 25px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.dvcss-panel-group > .panel > .panel-heading .panel-title a:hover,
.dvcss-panel-group > .panel > .panel-heading .panel-title a:focus {
    color: #00739a;
}

.dvcss-panel-group > .panel > .panel-heading .panel-title a:hover .media-left i,
.dvcss-panel-group > .panel > .panel-heading .panel-title a:focus .media-left i,
.dvcss-panel-group > .panel > .panel-heading .panel-title a:hover .media-left i.peptasia-caret,
.dvcss-panel-group > .panel > .panel-heading .panel-title a:focus .media-left i.peptasia-caret {
    color: #00739a;
}

.dvcss-panel-group > .panel > .panel-heading .panel-title a.collapsed .media-left i,
.dvcss-panel-group > .panel > .panel-heading .panel-title a.collapsed .media-left i.peptasia-caret {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

.dvcss-panel-group > .panel > .panel-heading .panel-title a:hover .media-left,
.dvcss-panel-group > .panel > .panel-heading .panel-title a:focus .media-left {
    color: #00739a;
}

.dvcss-panel-group > .panel > .panel-heading .panel-title small {
    display: block;
    vertical-align: top;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.dvcss-panel-group > .panel > .panel-heading .panel-title small strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

/***** Panel Body *****/

.dvcss-panel-group > .panel > .panel-collapse > .panel-body {
    padding: 30px 40px;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    .dvcss-panel-group > .panel:first-child,
    .dvcss-panel-group > .panel:first-child .panel-heading {
        border-radius: 6px 6px 0 0;
    }

    .dvcss-panel-group > .panel:first-child:last-child,
    .dvcss-panel-group > .panel:first-child:last-child .panel-heading {
        border-radius: 6px;
    }

    .dvcss-panel-group > .panel:last-child:not(:first-child),
    .dvcss-panel-group > .panel:last-child:not(:first-child) .panel-heading {
        border-radius: 0 0 6px 6px;
    }

    .dvcss-panel-group > .panel > .panel-heading {
        padding: 18px 2px 10px 2px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
    }

    .dvcss-panel-group > .panel > .panel-heading .panel-title small,
    .dvcss-panel-group > .panel > .panel-heading .panel-title small strong {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
    }

    .dvcss-panel-group > .panel > .panel-heading .panel-title {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 15px;
    }

    .dvcss-panel-group > .panel > .panel-heading .panel-title a .media-left {
        margin-right: 8px;
    }

    .dvcss-panel-group > .panel > .panel-heading .panel-title a > .media > .media-body .media-table .media-body,
    .dvcss-panel-group > .panel > .panel-heading .panel-title a > .media > .media-body .media-table .media-right {
        display: block;
        width: auto;
    }

    .dvcss-panel-group > .panel > .panel-heading .panel-title a > .media > .media-body .media-table .media-right {
        padding-left: 0;
        white-space: normal;
    }

    /***** Panel Body *****/

    .dvcss-panel-group > .panel > .panel-collapse > .panel-body {
        padding: 30px 10px;
    }
}


/***********************************************************
 * DVCSS Well Component - dvcss.well.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: jjame01 $
 * $Revision: #36 $
 * $Change: 1645903 $
 * $Date: 2016/10/07 $
 ***********************************************************/

.dvcss-well {
    min-height: 20px;
    padding: 20px;
    margin-bottom: 0;
    background-color: #f5f5f5;
    border: 1px solid #e3e7e9;
    border-radius: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dvcss-well.dvcss-well-primary {
    background-color: #00739a;
    color: #ffffff;
}

.dvcss-well.dvcss-well-info {
    background-color: #F3FDFF;
    color: #00233C;
}

.dvcss-well .media-title {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.dvcss-well .media-desc {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

/***********************************************************
 * DVCSS Date Tab Component
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

.dvcss-swiper-datetab {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    width: 100%;
    margin: 0;
}

.dvcss-swiper-datetab .swiper-slide > .swiper-body {
    display: block;
    padding: 13px 15px;
    color: #00233C;
    border-bottom: 4px solid #ddd;
    cursor: pointer;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
}

.dvcss-swiper-datetab .swiper-slide a {
    text-decoration: none;
}

.dvcss-swiper-datetab .swiper-slide a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-color: #00739a;
}

.dvcss-swiper-datetab .swiper-slide > .swiper-body strong {
    display: inline-block;
    min-width: 140px;
}

.dvcss-swiper-datetab .swiper-slide.active > .swiper-body {
    border-bottom-color: #2094bb;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    .dvcss-swiper-datetab .swiper-slide {
        width: 40%!important;
        min-width: 120px;
    }

    .dvcss-swiper-datetab .swiper-slide > .swiper-body {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .dvcss-swiper-datetab .swiper-slide > .swiper-body strong {
        min-width: 0;
    }
}


/***********************************************************
 * Others
 *
 * (c) Disney.  All rights reserved.
 *
 ***********************************************************/

/* end Mobile: Search Results */

#externalLinkModal .modal-body {
    text-align: left;
}

/*
 * MIXED MEDIA PLAYER
 *========================================
 * @mixedmediaplayer
 */

.mediaEngineContainer .videoPlayPauseButton:active,
.mediaEngineContainer .videoPlayPauseButton:focus {
    background: url(https://secure.parksandresorts.wdpromedia.com/media/flashComponents/MediaEngine/v2.0.71/img/default/sprite.png) -289px -507px no-repeat;
    outline: 1px dotted #fff !important;
}

.mediaEngineContainer .videoPlayPauseButton.playing,
.mediaEngineContainer.touch .videoPlayPauseButton.playing:hover {
    background: url(https://secure.parksandresorts.wdpromedia.com/media/flashComponents/MediaEngine/v2.0.71/img/default/sprite.png) -289px -607px no-repeat;
}

.mediaEngineContainer .videoCCButton:active,
.mediaEngineContainer .videoCCButton:focus {
    outline: 1px dotted #fff !important;
}

.mediaEngineContainer .shareButton:focus {
    background: url(https://secure.parksandresorts.wdpromedia.com/media/flashComponents/MediaEngine/v2.0.71/img/default/sprite.png) -168px -381px no-repeat;
}

.mediaEngineContainer .shareButton:active,
.mediaEngineContainer .shareButton:focus {
    outline: 1px solid #fff !important;
}

.me-theme-light .mediaEngineContainer .largePlayPauseButton a:active,
.me-theme-light .mediaEngineContainer .largePlayPauseButton a:focus,
.mediaEngineContainer .largePlayPauseButton a:active,
.mediaEngineContainer .largePlayPauseButton a:focus {
    outline: 1px dotted #00739a !important;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    .mediaEngineDialog .modularDialogContainer {
        height: 100%;
        width: 100%;
    }

    .mediaEngineDialog .modularDialogContainer .modularDialogContainerSolidBackground {
        display: block;
        max-width: none;
        width: auto;
    }
    .dvcss-modal .modal-xs-fullscreen .modal-content {
        overflow: auto;
    }

    /** CSS Override to play multiple videos on mobile */

    .meMobile .mediaEngineContainer.video > .middleHolder > .mediaSlider > ul > li {
        position: relative!important;
    }

    .mediaSlider a:focus {
        outline: 1px dotted !important;
    }

    .meMobile .mediaEngineContainer.video .mediaSlider {
        position: absolute!important;
        top: 0!important;
    }

    .mediaEngineContainer.video .slidesHolder {
        display: table!important;
    }

    .mediaEngineContainer.video .slidesHolder li {
        display: table-cell!important;
        vertical-align: middle!important;
    }

    .meMobile .mediaEngineContainer.video .middleHolder {
        display: table!important;
        width: 100%;
    }

    .meMobile .mediaEngineContainer.video .middleHolder .videoPlayer {
        height: 100%;
        vertical-align: middle;
        display:block !important;
    }

    .meMobile .mediaEngineContainer.video .counterHolder {
        display: none !important;
    }

    .meMobile .mediaEngineDialogContainer .mediaEngineContainer.touch .nextButton,
    .meMobile .mediaEngineDialogContainer .mediaEngineContainer.touch .previousButton {
        display: block!important;
    }

   .meMobile .mediaEngineContainer.video .nextButton,
   .meMobile .mediaEngineContainer.video .previousButton {
        height: 80%;
        top: 10%;
    }

   .meMobile  video::-internal-media-controls-download-button {
        display:none;
    }

    .meMobile video::-webkit-media-controls-enclosure {
        overflow:hidden;
    }

    .meMobile video::-webkit-media-controls-panel {
        width: calc(100% + 30px);
    }

}

.media-table .tablet-row,
.media-table .mobile-row,
.media-table .tablet-row .media-left,
.media-table .mobile-row .media-left {
    display: table-cell;
    float: none;
    vertical-align: top;
    margin: 0;
}

.cms-debug-on .mainWrapper {
    margin-top: 50px;
}

.cid-inspect {
    opacity: 1;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    background-color: #b0a9a9;
}

img.cid-inspect {
   border: 2px solid #f5ef42
}

.cid-notification-bar {
    position: fixed;
    top: 0;
    display: block;
    z-index: 99999;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.010em;
    line-height: 16px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    transition: bottom 0.5s cubic-bezier(0.42, 0.0, 0.58, 1.0);
    text-rendering: optimizeLegibility;
    text-align: left;
    padding: 20px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAGLUlEQVRYw81XaVCVZRhlYqKpP1aTptXPsmnKcWEJEBAYBAlEFllUBlQ0upqamGiWCIipjU7XHLHUi+yrsgsCgjgElpC0YIYgssNlU8EfzdTM6TyXC8O9sloz9s2c+fi+73nPOc/zvvd9HwwAGDxNGPwvDLwaHDFdWBCHiXyihrilvedr31tMl2smBoyIMKLL6Wgi9mfX4LuKu0iu7kDazW4k3uhA9LVG7Mu8AYfDCZA4bbzRf2Eg5I2th6CIK0VuXT9KG4ZwRYuSO0Morh9CEXH5j0EUEgW3B5FW24uNqmK8viVKzIT8GwPK5UcSkFGrRgkFiymYVfcQ52sGEF3VB2VFH45d69VAWdGL09f7kVz7ANm3HmriVD90wO7LeDGhfBID0YFnCzVZFdYPIuHmfXx1rQdRZT2ILFUj/IoaB0q6sb+4G58XdeOzy93YW9iF0IIu/t2FkzSY+ssDGhqA96k8MRE9EwPKAIoXsLTpvz7A0fJejWBYiZqC6lFBRVwNPA/EwYPYeLYKn+R1YjvxcW4ntmR3YGd+F06xKvE073Ey57FKTGQgRMomZYz5aQD7KbyPWe6l6B6KfsosQ5jlzktdOF1Qg5ErpqgGwRT9kNiU1Y4NF9ux/oKgDYfKe3Cmuh8WESqdNTGeASNZODHVnTjDeQ6l6G6KhlB0J0V3UHQbs9rKLBXMUj34J8Ze6ykaQPhTeG16G9YQPmlt8E5tRRin7XBZM14bXphGExmICFQVQcWShVB4B0W3UXQLRRUUDabo5pxOBDHLDVkdiK29Pyqe+ttD+GW0w4ei3hT1Sm2DR0ob3JNb4aZF5NVerDqZKwYixjNgOE8RCVWNGruYuSKfghTdTATlUJCigUQAhddlMkNm6sdMfTIoSFEvinqktcKd2bqltMKVgi5JLViR2AInwjGhRfP+0NV2zP0oUkwY6htwcTqWiiOVfQhiphuIQAoHUNSfomsp6kdRH4p6M1PrsBRY7ImBeWgMzHbHwIRwoagz4ZTUCkeKOlDUPr4FdvHNsI1rhk1sMxSsqmWU5qfpom/guCKlEhuZsX92J9ZS1C+zAz4XO+BNYS8Ke1DYPb0dbsy269Ff0L8cKGxPYTsK2xI2FLeOa4EVxS0pbn6eJvjsc65MDBzXN1C+K+82fLmCvZntaop6UtSdJXZjiVcSrhT+gCV2ZCntWd7fO+/rGDCniNn5ezCJuQdj1TCWjKIJiwXnmrAuuVYMlOsbaNha0IRVzNyZYnYUsaGIJTMxZQYmJF9E4oVjUNmo1jGwUO/7eFhELs/0ejHQoG+gxTHtDow5h4sZtCh2alQ29ugYmCpeeIV/OXVE77EKLEurhxnn2ZhzuZjzNxUq7+oamCpeeIVfdMarQPnSpFpY8HduyoUmTpckTQ59A5PFCp/wCr/ojLcGlKbfXoENdz0LrgMzrgMTroPJUNWka2CyWFMuYOEVftERvcf2gXcPxsKep501f6vmmcMmZOBE0DcwUZzwCJ/wCr/ojLcPGMoOZV/SpgmyuqQ1wTmbCFV3dX8FpqnN48YJj/AJr/BPtBNqzoL3lFlYwbNcY4LbsTnL9j73BH28E56KuvY+3SmITIJpcoNOnIwXHuET3gUnsic8CzSn4VxFFJaX3YMzz/GRSsjCEaKxaH/0N8a7vHh0j8TIuJHMhU94hX+y01DTD7wZfharbvbD5cYAHNiM2PBkXJo3bGS6kHgZJ+OFR/iEd6p+YLQjWqDMgCf7upU8mh15QNmyMbHiCrZkOS3yJoZ8lziJl3EyXniEb7od0WhPuPCbC/C+RQKe9a41NPL98NpYxrbMmtlZFRIFw3d5lvfyXeIkXsbJeOGZaU9owMtwTtAX0W+Fn4Hbj63wZWO6mm2aO5sQ1+oBzZw6MUMRk7s8y3v5LnESL+PmR56D8AjfTA08S8x52TP463lso4xP52D1zz1Yw0Z1BL7smH35f4Dcx76XOImXcTJeeITviQwQZs8897zPSy4Bucxk6O2DKlgmlsKppA6uFY1wu96sucuzvJfvEifxMk7GP6kBQ2IWMZ+wJbyJTS8sMD/xorN/2St+2+/M9t/VPjsgVC13eZb38l3itPG22vGzppyCp4l/AFybGOS6ixQjAAAAAElFTkSuQmCC);
}

.cid-notification-bar a {
    color: #07148a;
    padding: 5px 10px;
    background-color: #fff;
    font-weight: bold;
    font-size: 16px;
}

#termsOfUse.alert.alert--fixed {
    position: fixed;
    bottom: 0;
    z-index: 9999999;
}

#termsOfUse.alert--center {
    padding: 24px 30px;
    text-align: center;
}

#termsOfUse.alert {
    background-color: #FFFFFF;
    color: #00233C ;
    display: block;
    font-size: 18px;
    padding: 37px 0 38px 0px;
    position: relative;
    text-align: left;
    width: 100%;
    margin-bottom: 0;
    border: 1px solid #D1DDE7;
    border-radius: 0;
    left: 0;
}

#termsOfUse .alert_btn_close {
    position: absolute;
    top: 39px;
    right: 60px;
    bottom: 36px;
    border: 0;
    background: transparent;
    padding: 0;
    height: 26px;
    width: 26px;
}

#termsOfUse .alert_btn_close:after {
    color: #B7B7B7;
    font-size: 18px;
    line-height: 1;
}

#termsOfUse .icon-close-solid-before[data-icon3]:before,
#termsOfUse .icon-close-solid-after[data-icon3]:after {
    content: attr(data-icon3);
}

#termsOfUse .icon-font-before:before,
#termsOfUse .icon-font-after:after {
    font-family: pepmdx3!important;
    font-weight: normal;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    visibility: inherit;
    text-transform: none;
}

#termsOfUse.alert p {
    font-size: 18px;
    line-height: 1.5;
    max-width: 768px;
    margin-left: 8.983%;
}

#termsOfUse.alert p a {
    text-decoration: underline
}

@media screen and (max-width: 767px) {
    #termsOfUse.alert {
        padding: 12px 35px 12px 18px;
    }

    #termsOfUse .alert_btn_close {
        top: 15px;
        right: 5px;
    }
}

@media screen and (max-width: 940px) {
    #termsOfUse.alert p {
        max-width: 85%;
        margin-left: 5%;
    }

    #termsOfUse .alert_btn_close {
        right: 5%;
    }
}

.crisis-messaging-container {
    padding-left: 25px;
    padding-right: 25px;
    background-color: white;
    width: auto;
    margin: 0 auto;
    text-align: left;
}

.crisis-messaging .alert {
    position: relative;
    max-width: 940px;
    margin: 0 auto;
    padding: 24px 0px 30px;
}

.crisis-messaging .title {
    font-family: Avenir-Heavy;
    font-size: 18px;
    color: #00233C;
    letter-spacing: 0px;
}

.crisis-messaging .alert .body {
    margin-left: 38px;
    font-family: Avenir-Roman;
    font-size: 16px;
    color: #00233C;
    letter-spacing: 0;
    margin-top: 5px;
}

.crisis-messaging .alert .body > p{
    margin: 0px;
}

.crisis-messaging .alert_btn_close {
    float: right;
    font-family: Avenir-Roman;
    font-size: 16px;
    color: #0079BC;
    letter-spacing: 0;
}

.crisis-messaging [data-icon2]:after {
    font-family: pepmdx2!important;
    font-size: 20px;
    content: attr(data-icon2);
    speak: none;
    color: #78899E;
    text-align: center;
    vertical-align: sub;
    margin-left: 5px;
}

.crisis-messaging [data-icon3]:before {
    font-family: pepmdx2!important;
    font-size: 24px;
    content: attr(data-icon3);
    speak: none;
    color: #FF4605;
    margin-right: 11px;
    text-align: center;
    vertical-align: sub;
}

.crisis-messaging [data-icon3]:after {
    margin-right: 11px;
    font-size: 24px;
}

@media screen and (max-width: 767px) {
    .crisis-messaging {
        padding-left: 11px;
        padding-right: 16px;
    }

    .crisis-messaging .alert {
        padding: 25px 0px 30px;
    }

    .crisis-messaging .alert .body {
        margin-top: 5px;
    }

     #homePageRedesign .content-media.noMembershipDropdown .memberHero img {
        margin-top: 0px !important;
    }
}

/**************************************************
 * Panel Form Component - panel-form.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: TUAZR001 $
 * $Revision: #39 $
 * $Change: 1646826 $
 * $Date: 2016/10/24 $
 **************************************************/

.dvcPanelForm {
    display: table;
    width: 100%;
}

.dvcPanelForm .dvcss-panel-form-main {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

.dvcPanelForm .dvcss-panel-form-body,
.dvcPanelForm .dvcss-panel-form-right {
    display: table-cell;
    float: none;
    vertical-align: top;
    margin: 0;
}

.dvcPanelForm .dvcss-panel-form-body {
    overflow: visible;
    width: auto;
}

.dvcPanelForm .radio {
    margin-top: 0;
    margin-bottom: 18px;
    padding-left: 25px;
}

.dvcPanelForm .radio > span {
    display: block;
    padding-left: 9px;
    width: 100%;
    font-family: Avenir-light,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.dvcPanelForm .radio > span:before {
    top: -2px;
    left: 0;
    margin-left: -25px;
    height: 23px;
    width: 23px;
}

.dvcPanelForm .radio > span:after {
    top: 1px;
    margin-left: -25px;
    height: 17px;
    width: 17px;
}

.dvcPanelForm .radio input[type=radio] {
    height: 25px;
    width: 25px;
    top: -3px;
    margin-top: 0;
    margin-left: -25px;
}

.dvcPanelForm .radio input[type=radio]:disabled + span {
    opacity: 1;
}

.dvcPanelForm .radio input[type=radio]:disabled + span .media-table .media-body {
    opacity: 0.65;
}

.dvcPanelForm .radio > span .media-table {
    display: table;
    width: 100%;
}

.dvcPanelForm .radio > span .media-table .media-right strong {
    font-family: Avenir,Helvetica,Arial,sans-serif;
}

.dvcPanelForm .radio > span label {
    padding-left: 0;
}

.dvcPanelForm .radio > span .text-muted {
    margin-top: 3px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    max-width: 450px;
}

.dvcPanelForm .radio > span .input-group .input-group-addon {
    border: 6px;
    background: none;
    font-family: Avenir-light,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
    padding: 6px 5px;
}

.dvcPanelForm .radio > span .input-group .formInputElement {
    margin-right: 0;
}

.dvcPanelForm .radio > span .input-group .formInputElement input {
    width: 80px;
}

.dvcPanelForm .radio > span .input-group .form-control {
    border-radius: 6px;
    width: 80px;
    height: 30px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    .dvcPanelForm .dvcss-panel-form-main {
        display: block;
        width: auto;
    }

    .dvcPanelForm .dvcss-panel-form-body,
    .dvcPanelForm .dvcss-panel-form-right {
        display: block;
    }
    
    .dvcPanelForm .radio {
        margin-bottom: 20px;
    }
    
    .dvcPanelForm .radio > span {
        font-family: Avenir-roman,Helvetica,Arial,sans-serif;
        font-size: 12px;
        line-height: 20px;
    }
    
    .dvcPanelForm .radio > span .media-table .media-right strong {
        font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
    }
    
}

/**
 *----------------------------------------------------------------------------------------------
 * Section Panel
 *----------------------------------------------------------------------------------------------
 */

.dvcPanelForm .dvcss-panel-form-body .panel {
    border: 0;
    border-radius: 0;
    margin-right: 30px;
}

.dvcPanelForm .dvcss-panel-form-body .panel + .panel {
    border-top: 1px solid #ddd;
}

.dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading {
    border: 0;
    background: 0;
    color: #253b56;
    padding: 35px 0 30px;
}

/*
.dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading .media {
    display: table;
    width: 100%;
}

.dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading .media .dvcss-form-list-left,
.dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading .media .dvcss-form-list-body {
    display: table-cell;
    float: none;
    vertical-align: top;
    margin: 0;
    padding-right: 6px;
}
*/

.dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading .media > .media-right {
    max-width: 170px;
}

.dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading .media .dvcss-form-list-left .dvcss-pepmdxicon,
.dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading .media .dvcss-form-list-left .peptasia {
    top: 0;
    font-size: 12px;
}

.dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading .media .dvcss-form-list-title {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}

.dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading .panel-title {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 5px;
}

.dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading .panel-text {
    margin: 0;
    font-family: Avenir-light,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
}

.dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading .panel-text p {
    margin: 0;
    max-width: 520px;
}

.dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading .panel-text .text-muted.pull-right {
    font-family: Avenir-light,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 100;
    line-height: 20px;
}

.dvcPanelForm .dvcss-panel-form-body .panel > .panel-body {
    padding: 0;
}

.dvcPanelForm .dvcss-panel-form-body .panel > .panel-body .panel-content {
    margin-top: 2px;
    padding-bottom: 15px;
}

.dvcPanelForm .dvcss-panel-form-body .panel > .panel-footer {
    border: 0;
    background: 0;
    padding: 25px 30px 40px 0;
}

.dvcPanelForm .dvcss-panel-form-body .panel > .panel-footer .panel-text {
    font-family: Avenir-light,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 100;
    line-height: 20px;
    margin-bottom: 0;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    .dvcPanelForm .dvcss-panel-form-body .panel {
        margin-right: 0;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading {
        padding: 25px 0;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading > .media-table {
        display: block;
        width: auto;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading > .media-table .media-body,
    .dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading > .media-table .media-right {
        display: block;
        width: auto;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading > .media-table .media-right {
        padding-left: 0;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading > .media-table .media-right .dvcss-form-list {
        margin-top: 10px;
        margin-bottom: -5px;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading .panel-title {
        font-family: Avenir,Helvetica,Arial,sans-serif;
        font-size: 18px;
        line-height: 20px;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading .panel-title + .dvcss-form-list {
        margin-top: 10px;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading .panel-text {
        font-family: Avenir-roman,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .panel > .panel-heading .panel-text .text-muted {
        margin-top: 20px;
        margin-bottom: 6px;
        font-family: Avenir-roman,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .panel > .panel-body .panel-content {
        margin-top: 0;
        padding-bottom: 0;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .panel > .panel-footer {
        padding: 30px 0 35px;
    }

    .dvcPanelForm .dvcss-panel-form-body .panel > .panel-footer .panel-text {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
    }
    
}


/**
 *----------------------------------------------------------------------------------------------
 * Accordion
 *----------------------------------------------------------------------------------------------
 */

.dvcPanelForm .dvcss-panel-form-body .accordion:last-child .panel-collapse-body {
    padding-bottom: 0;
    margin-bottom: -16px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    .dvcPanelForm .dvcss-panel-form-body .accordion:last-child .panel-collapse-body {
        margin-bottom: -1px;
    }

}

/*
 *----------------------------------------------------------------------------------------------
 * Form area
 *----------------------------------------------------------------------------------------------
 */

.dvcPanelForm .dvcss-panel-form-area {
    margin-bottom: 30px;
}

.dvcPanelForm .dvcss-panel-form-area .formInputElement label {
    position: relative;
    top: 2px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    vertical-align: baseline;
}

.dvcPanelForm .dvcss-panel-form-area .formInputElement .selectBox {
    vertical-align: middle;
}


/*
 *--------------------------------------------------
 * Form
 *--------------------------------------------------
 */

.dvcPanelForm .form-legend .form-object {
    margin-top: -5px;
    margin-bottom: 27px;
}

.dvcPanelForm .form-legend .form-object img {
    min-height: 125px;
}

.dvcPanelForm .dvcss-panel-form-fieldset {
    margin-top: -15px;
    padding-bottom: 35px;
}

.dvcPanelForm .dvcss-panel-form-fieldset .fieldset-header {
    margin-bottom: 12px;
}

.dvcPanelForm .dvcss-panel-form-fieldset .form-group {
    margin-bottom: 0;
    margin-right: 0;
}

.dvcPanelForm .dvcss-panel-form-fieldset .formInputElement {
    margin-right: 0;
    margin-bottom: 18px!important;
}

.dvcPanelForm .dvcss-panel-form-fieldset .formInputElement  .textInput input {
    width: 100%;
}

.dvcPanelForm .dvcss-panel-form-fieldset .form-row .form-group {
    margin-bottom: 0;
}

.dvcPanelForm .dvcss-panel-form-fieldset .help-block {
    position: relative;
    top: -6px;
    margin-top: -7px;
    color: #78899e;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 100;
    line-height: 15px;
}

.dvcPanelForm .dvcss-panel-form-fieldset .form-label > .media {
    overflow: visible;
}

.dvcPanelForm .dvcss-panel-form-fieldset .form-label .media-right label {
    display: inline-block;
}

.dvcPanelForm .dvcss-panel-form-fieldset .uiToolTip {
    white-space: normal;
}

.dvcPanelForm .form-row {
    margin-bottom: 18px;
}

.dvcPanelForm .form-row label {
    margin-top: 2px;
}

.dvcPanelForm .form-row .media-table {
    display: table;
    width: 100%;
}

.dvcPanelForm .form-row .media-left,
.dvcPanelForm .form-row .media-body {
    vertical-align: bottom;
}

.dvcPanelForm .form-row .media-left {
    padding-right: 10px;
}

.dvcPanelForm .form-row .media-left .formInputElement {
    margin-bottom: 0!important;
    white-space: nowrap;
}

.dvcPanelForm .form-row .media-left label {
    display: none;
}

.dvcPanelForm .form-row .media-left .formInputElement .selectBox,
.dvcPanelForm .form-row .media-left .formInputElement .selectBox .inputElement {
    width: 72px;
}

.dvcPanelForm .form-row .media-left .formInputElement .selectBox .select-value {
    position: static;
}

.dvcPanelForm .form-row .media-body label,
.dvcPanelForm .form-row .media-body .uiToolTip {
    display: none;
}

.dvcPanelForm .form-row .media-body .form-group {
    display: block;
    margin-right: 0;
}

.dvcPanelForm .form-row .media-body .formInputElement {
    display: block;
    margin-right: 0;
    margin-bottom: 0!important;
}

.dvcPanelForm .form-row .media-body .formInputElement .inputElement input {
    width: 100%;
}

.dvcPanelForm .dvcss-panel-form-fieldset .dvcss-row-checkbox {
    margin-top: 9px;
}

.dvcPanelForm .dvcss-panel-form-fieldset .dvcss-row-checkbox > span.checkbox-left,
.dvcPanelForm .dvcss-panel-form-fieldset .dvcss-row-checkbox > span.checkbox-body {
    display: table-cell;
    float: none;
    vertical-align: top;
}

.dvcPanelForm .dvcss-panel-form-fieldset .dvcss-row-checkbox > span.checkbox-left {
    padding-right: 8px;
}

.dvcPanelForm .dvcss-panel-form-fieldset .dvcss-row-checkbox > span.checkbox-body {
    width: 100%;
}

.dvcPanelForm .dvcss-panel-form-fieldset .richCheckBox + label,
.dvcPanelForm .dvcss-panel-form-fieldset .richCheckBox + label + label {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}


/* Mobile only */
@media screen and (max-width: 767px) {
    
    .dvcPanelForm .form-legend .form-object {
        margin-bottom: 15px;
    }
    
    .dvcPanelForm .dvcss-panel-form-fieldset .fieldset-header {
        margin-bottom: 7px;
    }

    .dvcPanelForm .dvcss-panel-form-fieldset .formInputElement {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
    }
    
    .dvcPanelForm .dvcss-panel-form-fieldset .help-block {
        position: relative;
        margin-top: 0;
        top: 0;
        vertical-align: middle;
        font-size: 12px;
        margin-left: 5px;
    }
    
    .dvcPanelForm .form-row.media-table {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .dvcPanelForm .form-row.media-table .media-body,
    .dvcPanelForm .form-row.media-table .media-left {
        display: inline-block;
        float: none;
        width: 33%;
        margin-right: -4px;
        padding: 0 5px;
        vertical-align: bottom;
    }
    
    .dvcPanelForm .form-row .media-left .formInputElement .selectBox,
    .dvcPanelForm .form-row .media-left .formInputElement .selectBox .inputElement {
        width: 80px;
    }
    
    .dvcPanelForm .form-group-inline .formInputElement label {
        display: none!important;
    }
    
}

/*
 *--------------------------------------------------
 * Alert
 *--------------------------------------------------
 */

.dvcPanelForm .dvcss-panel-form-alert .dvcss-form-list {
    margin-top: -10px;
    margin-bottom: 30px;
}

.dvcPanelForm .dvcss-panel-form-body .panel-collapse-body {
    padding-top: 15px;
    padding-bottom: 30px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    .dvcPanelForm .dvcss-panel-form-body .panel-collapse-body {
        margin-top: 17px;
        padding-top: 0;
    }

}

/*
 *--------------------------------------------------
 * List Group
 *--------------------------------------------------
 */

.dvcPanelForm .dvcss-panel-form-body .contractsListSingle .list-group {
    margin: 0 0 -16px;
    padding: 0;
}

.dvcPanelForm .dvcss-panel-form-body .panel-collapse-body .list-group {
    margin: 0 0 0 25px;
    padding: 0;
}

.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item {
    border-left: 0;
    border-right: 0;
    border-color: #ddd;
    border-radius: 0;
    padding: 30px 0;
}

.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading {
    margin-bottom: 20px;
}

.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item .media-table.label-radio {
    margin-bottom: 18px;
}

.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item .media-table.label-radio .radio {
    margin-bottom: 0;
}


/*
.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading .media-table {
    display: table;
    width: 100%;
}

.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading .media-table .dvcss-form-list {
    float: right;
}

.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading .media-table .dvcss-form-list-left,
.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading .media-table .dvcss-form-list-body {
    display: table-cell;
    float: none;
    vertical-align: top;
    margin: 0;
}

.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading .media-table .media-right > span {
    display: block;
    width: 200px;
}
*/

.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading .media .media-right {
    max-width: 170px;
}

.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading .media .dvcss-form-list-left {
    padding-right: 6px;
}

.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading .media .dvcss-form-list-left .dvcss-pepmdxicon,
.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading .media .dvcss-form-list-left .peptasia {
    top: 0;
    font-size: 12px;
}

.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading .media .dvcss-form-list-title {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    white-space: normal;
}

.dvcPanelForm .dvcss-panel-form-body .list-group .lead {
    margin-top: -10px;
    margin-bottom: 20px;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.dvcPanelForm .dvcss-panel-form-body .list-group .desc {
    margin-bottom: 0;
}

.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-title {
    margin-bottom: 0;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
}

.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-title strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
}

.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-text {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-text em {
    font-family: Avenir, Helvetica, Arial, sans-serif;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    .dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item {
        padding: 20px 0 25px;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item .media-table.label-radio {
        margin-bottom: 20px;
    }

    .dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item .media-table.label-radio .radio {
        margin-bottom: 0;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-title,
    .dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-title strong {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-title span {
        display: block;
    }
    
     .dvcPanelForm .dvcss-panel-form-body .list-group-item-heading .media,
     .dvcPanelForm .dvcss-panel-form-body .list-group-item-heading .media-body {
        overflow: visible;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading .media .media-right {
        float: none;
        margin-left: 0;
        max-width: none;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .list-group-item-heading .dvcGlobalInlineError {
        margin-top: 15px;
        margin-bottom: -5px;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading .media-table {
        display: block;
        width: auto;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading .media-table .media-body,
    .dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading .media-table .media-right {
        display: block;
        overflow: visible;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading .media-table .media-right {
        padding-left: 0;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading .media-table .media-right > span {
        display: block;
        width: auto;
    }
    
    .dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item-heading .media-table .dvcss-form-list {
        float: none;
        margin-top: 15px;
        margin-bottom: -5px;
    }
    
}

/**
 *--------------------------------------------------
 * Footer
 *--------------------------------------------------
 */

.dvcPanelForm .dvcss-panel-form-footer {
    padding-top: 25px;
    padding-bottom: 20px;
}

.dvcPanelForm .dvcss-panel-form-footer .dvcss-panel-form-footer-text {
    margin-bottom: 35px;
    margin-left: auto;
    max-width: 520px;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    .dvcPanelForm .dvcss-panel-form-footer {
        padding-top: 25px;
        padding-bottom: 10px;
    }

    .dvcPanelForm .dvcss-panel-form-footer .dvcss-panel-form-footer-text {
        margin-bottom: 25px;
        max-width: none;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
    }
    
}

/**
 *--------------------------------------------------
 * Footer Actions
 *--------------------------------------------------
 */

/* Mobile only */
@media screen and (max-width: 767px) {
    
    .dvcPanelForm .dvcss-panel-form-footer-actions .dvcss-row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .dvcPanelForm .dvcss-panel-form-footer-actions .col-xs-5,
    .dvcPanelForm .dvcss-panel-form-footer-actions .col-xs-7 {
        padding: 0 5px;
    }

    .dvcPanelForm .dvcss-panel-form-footer-actions .dvcss-btn {
        width: 100%;
    }
    
}

/**
 *--------------------------------------------------
 * ASIDE
 *--------------------------------------------------
 */

.dvcPanelForm .dvcss-panel-form-right {
    background: #ebf6fc;
    padding: 0 20px;
    width: 270px;
}

.dvcPanelForm .dvcss-panel-form-right .panel,
.dvcPanelForm .dvcss-panel-form-right .panel .panel-footer,
.dvcPanelForm .dvcss-panel-form-right .panel .list-group .list-group-item {
    background: none;
}

.dvcPanelForm .dvcss-panel-form-right .panel.sticky {
    transform: translate3d(0, 0, 0);
}

.dvcPanelForm .dvcss-panel-form-right .panel .panel-title {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.dvcPanelForm .dvcss-panel-form-right .panel .panel-heading {
    border-bottom: 1px solid #aaa;
    padding: 24px 0 25px;
}

.dvcPanelForm .dvcss-panel-form-right .panel .panel-body {
    padding: 25px 0 30px;
}

.dvcPanelForm .dvcss-panel-form-right .panel .panel-body .panel-title {
    margin-bottom: 10px;
}

.dvcPanelForm .dvcss-panel-form-right .panel .panel-footer {
    border-top: 1px solid #aaa;
    padding: 25px 0 30px;
}

.dvcPanelForm .dvcss-panel-form-right .panel .panel-footer .text-group {
    margin-bottom: 10px;
}

.dvcPanelForm .dvcss-panel-form-right .panel .panel-footer .h5,
.dvcPanelForm .dvcss-panel-form-right .panel .panel-footer .text-group strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

.dvcPanelForm .dvcss-panel-form-right .panel .panel-footer .text-group strong {
    display: block;
}

.dvcPanelForm .dvcss-panel-form-right .panel .panel-footer .text-group small {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 100;
    line-height: 20px;
}

.dvcPanelForm .dvcss-panel-form-right .panel .panel-footer .text-group .media-body, 
.dvcPanelForm .dvcss-panel-form-right .panel .panel-footer .text-group .media-right {
    vertical-align: bottom;
}

.dvcPanelForm .dvcss-panel-form-right .panel .panel-footer .panel-meta {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 100;
    line-height: 15px;
    margin-top: -5px;
}

.dvcPanelForm .dvcss-panel-form-right .list-group {
    margin: 0;
}

.dvcPanelForm .dvcss-panel-form-right .list-group .list-group-item {
    border: 0;
    clear: both;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
}

.dvcPanelForm .dvcss-panel-form-right .list-group .list-group-item .badge {
    background: none;
    color: #253b56;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    padding: 0;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    .dvcPanelForm .dvcss-panel-form-right {
        margin-left: -10px;
        margin-right: -10px;
        padding: 0 10px;
        width: auto;
    }

    .dvcPanelForm .dvcss-panel-form-right .panel.sticky {
        position: static!important;
        width: auto!important;
        top: 0!important;
        margin-bottom: -2px;
    }
    
    .dvcPanelForm .dvcss-panel-form-right .panel.sticky.is_stuck + div {
        display: none!important;
        position: static!important;
        height: auto!important;
        width: auto!important;
    }
    
    .dvcPanelForm .dvcss-panel-form-right > div:not(.sticky) {
        display: none!important;
        position: static!important;
        height: auto!important;
        width: auto!important;
    }
    
    .dvcPanelForm .dvcss-panel-form-right .panel .panel-title {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
    
    .dvcPanelForm .dvcss-panel-form-right .panel .panel-heading {
        padding: 25px 0 20px;
    }
    
    .dvcPanelForm .dvcss-panel-form-right .panel .panel-heading .panel-title {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
    }
    
    .dvcPanelForm .dvcss-panel-form-right .list-group .list-group-item .badge {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-weight: 600;
    }
    
    .dvcPanelForm .dvcss-panel-form-right .panel .panel-footer .h5,
    .dvcPanelForm .dvcss-panel-form-right .panel .panel-footer .text-group strong {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
    }
    
    .dvcPanelForm .dvcss-panel-form-right .panel .panel-footer .panel-meta {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }

    .dvcPanelForm .dvcss-panel-form-right .list-group .list-group-item {
        margin-top: 5px;
    }
    
    .dvcPanelForm .dvcss-panel-form-right .list-group .list-group-item:first-child {
        margin-top: 0;
    }
    
}


/**
 *----------------------------------------------------------------------------------------------
 * Statement Items
 *----------------------------------------------------------------------------------------------
 *
 */

.dvcPanelForm .dvcss-panel-form-body .list-group .statementItem {
    padding: 35px 0;
}

.dvcPanelForm .statementItem .media-table {
    display: table;
    width: 100%;
}

.dvcPanelForm .statementItem .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

.dvcPanelForm .statementItem .checkbox label {
    padding-left: 0;
}

.dvcPanelForm .statementItem .checkbox > span {
    display: block;
    width: 100%;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding-left: 8px;
}

.dvcPanelForm .statementItem .checkbox > span:before, 
.dvcPanelForm .statementItem .checkbox > span:after {
    top: 1px;
}

.dvcPanelForm .statementItem .checkbox > span > .media-table {
    font-family: Avenir, Helvetica, Arial, sans-serif;
}

.dvcPanelForm .statementItem .statementItemContractsList {
    margin-top: 10px;
    margin-left: 0;
}

.dvcPanelForm .statementItem .statementItemContractsList > li > .media .media-text {
    max-width: 370px;
    width: 100%;
}

.dvcPanelForm .statementItem .statementItemContractsList > li > .media .media-right {
    max-width: 170px;
}

.dvcPanelForm .statementItem .statementItemContractsList > li > .media .media-right > span .dvcss-form-list .peptasia {
    top: 0;
    font-size: 12px;
}

.dvcPanelForm .statementItem .statementItemContractsList > li > .media .media-right > span .dvcss-form-list-title {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    max-width: 149px;
}

.dvcPanelForm .statementItem .statementItemContractsList > li p {
    margin-bottom: 0;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    .dvcPanelForm .dvcss-panel-form-body .list-group .statementItem {
        padding: 20px 0 25px;
    }

    .dvcPanelForm .statementItem .checkbox > span {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }
    
    .dvcPanelForm .statementItem .checkbox > span strong {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
    }
    
}


/**
 *----------------------------------------------------------------------------------------------
 * Payment Summary Statement Items
 *----------------------------------------------------------------------------------------------
 *
 */

.dvcPanelForm .paymentSummaryStatementItem {
    margin-bottom: 20px;
}

.dvcPanelForm .paymentSummaryStatementItem:last-child {
    margin-bottom: 0;
}

.dvcPanelForm .paymentSummaryStatementItem .panel-title strong {
    background: none;
    color: #253b56;
    float: right;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    padding: 0;
}


/**
 *----------------------------------------------------------------------------------------------
 * Form Inline Errors
 *----------------------------------------------------------------------------------------------
 *
 */

.dvcPanelForm .dvcss-form .inlineErrors,
.dvcPanelForm .dvui-fieldset .jsvfElement .standardFormElement .inlineErrors {
    margin-left: 0;
    padding-left: 20px;
    list-style-type: disc;
}



/**************************************************
 * Statement Datatable (Global) - statement-datatable.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #7 $
 * $Change: 1641385 $
 * $Date: 2016/08/11 $
 **************************************************/

.dvcGlobalStatementDatatable > .panel-group {
    margin: 0;
}

.dvcGlobalStatementDatatable > .panel-group + .panel-group {
    margin-top: 30px;
}

.dvcGlobalStatementDatatable > .panel-group > .panel {
    background: none;
    border-radius: 0;
    border: 0;
}

.dvcGlobalStatementDatatable > .panel-group > .panel > .panel-heading {
    background: none;
    border-bottom: 1px solid #ddd;
    color: #253b56;
    padding: 15px 0;
}

.dvcGlobalStatementDatatable > .panel-group > .panel > .panel-heading .panel-title a {
    color: #253b56;
}

.dvcGlobalStatementDatatable > .panel-group > .panel > .panel-heading .panel-title .yearStatementDetailsToggle .peptasia,
.dvcGlobalStatementDatatable > .panel-group > .panel > .panel-heading .panel-title .yearAdjustmentsToggle .peptasia {
    font-size: 14px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.dvcGlobalStatementDatatable > .panel-group > .panel > .panel-heading .panel-title .yearStatementDetailsToggle.collapsed .peptasia,
.dvcGlobalStatementDatatable > .panel-group > .panel > .panel-heading .panel-title .yearAdjustmentsToggle.collapsed .peptasia {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.dvcGlobalStatementDatatable > .panel-group > .panel > .panel-body {
    padding: 0;
    margin-bottom: 30px;
}

.dvcGlobalStatementDatatable .table-group table {
    margin-bottom: 0;
}
    
/* Desktop / Tablet only */
@media screen and (min-width: 768px) {

    .dvcGlobalStatementDatatable > .panel-group > .panel > .panel-body > .panel-collapse {
        display: block!important;
        height: auto!important;
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvcGlobalStatementDatatable > .panel-group > .panel > .panel-body {
        margin-bottom: 0;
    }
    
}

/**
|-----------------------------------------------------------------------------------------------
| Balance Summary Group Component
|-----------------------------------------------------------------------------------------------
|
*/

.dvcGlobalStatementDatatable > .panel-group .balanceSummaryGroup {
    margin-left: auto;
}

.dvcGlobalStatementDatatable > .panel-group .balanceSummaryGroup .panel {
    border: 0;
    text-align: right;
    margin-top: 0;
    margin-bottom: 0;
}

.dvcGlobalStatementDatatable > .panel-group > .panel > .panel-body > .panel-collapse + .balanceSummaryGroup {
    margin-top: 35px;
    margin-bottom: -30px;
}

.dvcGlobalStatementDatatable .balanceSummaryGroup .panel-heading {
    background: none;
    border: 0;
    border-radius: 0;
    color: #253b56;
    padding: 0;
}

.dvcGlobalStatementDatatable .balanceSummaryGroup .panel-title {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: -5px;
}

.dvcGlobalStatementDatatable .balanceSummaryGroup .panel-body {
    border-bottom: 1px solid transparent;
    padding: 15px 0 24px;
}

.dvcGlobalStatementDatatable .balanceSummaryGroup .panel-body hr {
    position: relative;
    top: 25px;
    border-color: #ddd;
    background: #DDD;
    margin-left: auto;
    max-width: 350px;
}

.dvcGlobalStatementDatatable .balanceSummaryGroup .panel-body > ul {
    margin: 0;
}

.dvcGlobalStatementDatatable .balanceSummaryGroup .panel-body > ul > li + li {
    margin-top: 10px;
}

.dvcGlobalStatementDatatable .balanceSummaryGroup .panel-body > ul > li,
.dvcGlobalStatementDatatable .balanceSummaryGroup .panel-footer {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.dvcGlobalStatementDatatable .balanceSummaryGroup .panel-body > ul > li em,
.dvcGlobalStatementDatatable .balanceSummaryGroup .panel-footer em {
    font-style: normal;
}

.dvcGlobalStatementDatatable .balanceSummaryGroup .panel-body > ul > li strong,
.dvcGlobalStatementDatatable .balanceSummaryGroup .panel-footer strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
}

.dvcGlobalStatementDatatable .balanceSummaryGroup .panel-footer {
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin-top: 15px;
}

.dvcGlobalStatementDatatable .balanceSummaryGroup .panel-footer.lead {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
}

.dvcGlobalStatementDatatable .balanceSummaryGroup .panel-footer.lead em {
    font-style: normal;
}

.dvcGlobalStatementDatatable .balanceSummaryGroup .panel-footer.lead strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    .dvcGlobalStatementDatatable > .panel-group > .panel > .panel-body > .panel-collapse + .balanceSummaryGroup {
        margin-top: 15px;
        margin-bottom: 0;
    }
    
    .dvcGlobalStatementDatatable > .panel-group > .panel > .panel-body > .panel-collapse.in + .balanceSummaryGroup {
        margin-top: 50px;
    }

    .dvcGlobalStatementDatatable .balanceSummaryGroup .panel-body {
        padding: 15px 0 14px;
    }
    
    .dvcGlobalStatementDatatable .balanceSummaryGroup .panel-body hr {
        top: 15px;
        max-width: none;
        width: auto;
    }
        
    .dvcGlobalStatementDatatable .balanceSummaryGroup .panel-body > ul > li + li {
        margin-top: 5px;
    }
    
    .dvcGlobalStatementDatatable .balanceSummaryGroup .panel-body > ul > li,
    .dvcGlobalStatementDatatable .balanceSummaryGroup .panel-footer {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 100;
        line-height: 20px;
    }
    
    .dvcGlobalStatementDatatable .balanceSummaryGroup .panel-body > ul > li strong,
    .dvcGlobalStatementDatatable .balanceSummaryGroup .panel-footer strong {
        font-family: Avenir, Helvetica, Arial, sans-serif;
    }
    
}

/**
|-----------------------------------------------------------------------------------------------
| Mobile Panel
|-----------------------------------------------------------------------------------------------
|
*/

.dvcGlobalStatementDatatable .statementDatatableMobile > .list-group {
    margin: 0;
}

.dvcGlobalStatementDatatable .statementDatatableMobile > .list-group .list-group-item {
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    margin-bottom: 0;
    padding: 25px 0;
}

/**************************************************
 * Check Availability [Widget] - check-availability.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: jjame01 $
 * $Revision: #3 $
 * $Change: 1646275 $
 * $Date: 2016/10/13 $
 **************************************************/

.dvcGlobalCheckAvailability {
    padding: 20px;
    border-color: transparent;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalCheckAvailability {
        display: none;
    }

    .dvcGlobalCheckAvailability.dvcss-modal-opened-xs {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100004;
        height: 100% !important;
        width: 100%;
        background: #fff;
        padding: 0;
        overflow-y: auto;
    }

    .dvcGlobalCheckAvailability form {
        display: inline;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityHeader {
        padding: 0 19px 0;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityHeader .dvcGlobalCheckAvailabilityHeaderInner {
        padding: 14px 0 9px;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityHeader .dvcGlobalCheckAvailabilityHeaderTitle {
        margin-bottom: 10px;
        color: #253B56;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityHeader .dvcGlobalCheckAvailabilityHeaderDesc {
        margin-bottom: 8px;
        color: #253B56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .dvcGlobalCheckAvailability .dvcss-form-list {
        margin-top: 1px;
        margin-bottom: 13px;
    }

    .dvcGlobalCheckAvailability .dvcss-form-list .dvcss-form-list-left {
        margin-right: 4px;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityFooter {
        margin-bottom: 0;
        padding: 0 19px 0;
        background: #fff;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityFooter {
        margin-bottom: 0;
        padding: 0 19px 0;
        background: #fff;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityFooterInner {
        padding: 15px 0;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityFooterInner .dvcss-btn {
        margin-left: 12px;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityFooterInner .dvcss-btn:first-child {
        margin-left: 0;
    }
    
}

#dvcDashboard .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup {
    width: 30%;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup {
    padding: 0;
    vertical-align: top;
    width: 50%;
    white-space: nowrap;
}

/* Tablet query */
@media screen and (min-width: 768px) and (max-width: 991px) {

    .dvcGlobalCheckAvailability dvcGlobalCheckAvailabilityPrimaryGroup {
        width: auto;
    }
    
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .form-row {
    margin-bottom: 6px;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .form-group {
    margin-right: 18px;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .form-group.dvcCheckAvailabilityInputGroupChildren {
    margin-right: 0;
}

/* PEP */
.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .formInputElement {
    margin-right: 0;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .selectBox.short {
    width: 70px;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .datePicker {
    width: 116px;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .datePicker input {
    width: 116px;
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .datePicker .ui-datepicker-trigger {
    top: 27px;
    right: 4px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .form-row {
        margin-left: -7px;
        margin-right: -7px;
        margin-bottom: 5px;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .form-handler {
        display: table;
        width: 100%;
        margin-bottom: 15px;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .form-group {
        display: table-cell;
        width: 50%;
        margin-right: 0;
        padding: 0 7px;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .formInputElement {
        display: block;
        margin-bottom: 0 !important;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .datePicker {
        width: auto;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .datePicker .ui-datepicker-trigger {
        top: 34px;
        right: 9px;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .selectBox.short,
    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .datePicker input {
        width: 100%;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .selectBox .select-toggle {
        margin-left: 0;
    }
    
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow [class*="col-"] {
    padding: 0;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow table {
    margin: 0 0 0 auto;
    padding: 0 4px 0 0;
    width: auto;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow table td {
    padding: 0;
    vertical-align: top;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow table td:first-child {
    padding-right: 14px;
    text-align: right;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow table td:first-child .control-label {
    display: block;
    margin: 32px 0 0 -10px;
    vertical-align: top;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    text-align: right;
    white-space: normal;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow .form-row {
    margin-bottom: 0;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow .form-row .form-group {
    margin-top: 6px;
    margin-right: 6px;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow .form-row:first-child .form-group {
    margin-top: 0;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow .form-row .form-group .formInputElement {
    display: block;
    margin: 0 0 20px;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow .selectBox.short {
    width: 70px;
}

/* Tablet only */
@media screen and (min-width: 768px) and (max-width: 991px) {

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow>.dvcss-pull-right {
        float: none;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow table {
        margin: 0 0 0 auto;
        padding: 0;
        padding-right: 12px;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow .control-label {
        width: 118px;
    }
    
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow {
        margin-top: -5px;
        margin-bottom: 15px;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow>.dvcss-pull-right {
        float: none;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow table {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow table td {
        padding: 0;
        vertical-align: top;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow .form-row {
        margin-left: -7px;
        margin-right: -7px;
        margin-bottom: 0;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow .form-row .form-group {
        float: left;
        margin-top: 0;
        margin-right: 0;
        padding: 0 7px;
        width: 50%;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow .form-row .form-group div label {
        display: none;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow .form-row .form-group .formInputElement {
        display: block;
        margin: 0;
        margin-bottom: 16px !important;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow .selectBox.short {
        width: 100%;
    }
    
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup {
    padding: 0;
    padding-left: 10px;
    vertical-align: top;
    white-space: nowrap;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup .ui-slider-horizontal {
    width: 110px;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup .form-group {
    margin-right: 18px;
}

/* PEP */
.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup .formInputElement {
    margin-right: 0;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup .richCheckBox {
    float: left;
    margin-right: 8px;
    color: #253b56;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup .richCheckBox+label {
    color: #253b56;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
}

.dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup .pillSubmit {
    margin-left: -4px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup {
        padding: 0;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup .form-group {
        margin-right: 0;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup .dvcCheckAvailabilityInputGroupAccessibleRooms {
        margin-left: -3px;
    }

    /* PEP */
    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup .formInputElement {
        display: block;
        margin-bottom: -2px !important;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup .richCheckBox {
        visibility: visible;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup .richCheckBox+label {
        display: inline-block;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        margin-top: 4px;
        line-height: 20px;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup span.rich-checkbox {
        height: 26px;
        width: 26px;
        background-size: 290px !important;
        background-position: 0px -9222px;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup span.rich-checkbox:focus {
        height: 26px;
        width: 26px;
        background-size: 290px !important;
        background-position: 0px -9250px;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup span.rich-checkbox.selected {
        height: 26px;
        width: 26px;
        background-size: 290px !important;
        background-position: 0px -9306px;
    }

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup span.rich-checkbox.selected:focus {
        height: 26px;
        width: 26px;
        background-size: 290px !important;
        background-position: 0px -9390px;
    }
    
}

/**************************************************
 * Modal | Points Chart - points-chart-modal.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #2 $
 * $Change: 1626566 $
 * $Date: 2016/04/07 $
 **************************************************/

.dvcGlobalPointsChartModal {
    text-align: left;
}

.dvcGlobalPointsChartModal .modal-header {
    border-bottom: 0;
    padding: 23px 27px 0;
    text-align: left;
}

.dvcGlobalPointsChartModal .modal-header-inner {
    padding-bottom: 18px;
}

.dvcGlobalPointsChartModal .modal-title {
    color: #253B56;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    margin: 0 0 11px;
}

.dvcGlobalPointsChartModal .modal-header p {
    color: #253B56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalPointsChartModal .modal-header {
        padding: 9px 18px 0;
    }

    .dvcGlobalPointsChartModal .modal-header-inner {
        padding-bottom: 9px;
    }

    .dvcGlobalPointsChartModal .modal-title {
        color: #253B56;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .dvcGlobalPointsChartModal .modal-header p {
        color: #253B56;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 8px;
    }
    
}

.dvcGlobalPointsChartModal .modal-xs-fullscreen .modal-body {
    padding-top: 21px;
    padding-bottom: 27px;
}

.dvcGlobalPointsChartModal .dvcPointsChartCalendar {
    max-width: 412px;
    margin: 0 auto 24px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalPointsChartModal .modal-xs-fullscreen .modal-body {
        padding-top: 18px;
    }

    .dvcGlobalPointsChartModal .modal-xs-fullscreen .modal-body-inner {
        position: relative;
        padding-top: 0;
    }

    .dvcGlobalPointsChartModal .modal-xs-fullscreen .modal-body-inner .pointChartModalHeightContainer {
        padding-top: 191px;
    }
    
}

.dvcGlobalPointsChartModal .dvcPointsChartFormRoomTypeViewGroup .form-row {
    margin-bottom: 20px;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormRoomTypeViewGroup .dvcPointsChartFormRoomTypeRow.form-group {
    float: left;
    margin-right: 0;
    padding-right: 7px;
    width: 50%;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormRoomTypeViewGroup .dvcPointsChartFormRoomTypeRow .formInputElement {
    display: block;
    margin-right: 0;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormRoomTypeViewGroup .dvcPointsChartFormRoomTypeRow .formInputElement .selectBox {
    display: block;
    width: auto;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormRoomTypeViewGroup .dvcPointsChartFormViewRow.form-group {
    float: left;
    margin-right: 0;
    padding-left: 7px;
    width: 50%;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormRoomTypeViewGroup .dvcPointsChartFormViewRow .formInputElement {
    display: block;
    margin-right: 0;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormRoomTypeViewGroup .dvcPointsChartFormViewRow .formInputElement .selectBox {
    display: block;
    width: auto;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalPointsChartModal .dvcPointsChartFormRoomTypeViewGroup {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormRoomTypeViewGroup .form-row {
        margin-bottom: 0;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormRoomTypeViewGroup label {
        padding-bottom: 0;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormRoomTypeViewGroup .dvcPointsChartFormRoomTypeRow.form-group {
        float: none;
        padding-bottom: 13px;
        padding-right: 0;
        width: auto;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormRoomTypeViewGroup .dvcPointsChartFormViewRow.form-group {
        float: none;
        padding-bottom: 13px;
        padding-left: 0;
        width: auto;
    }
    
}

.dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row {
    margin-bottom: 20px;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row p {
    margin-bottom: 13px;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .form-handler {
    display: inline-block;
    vertical-align: top;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .datePicker .ui-datepicker-trigger {
    top: auto;
    right: 3px;
    bottom: 10px;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormDateFields .dvcPointsChartFormDateFieldsCheckIn .formInputElement {
    margin: 0;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormDateFields .dvcPointsChartFormDateFieldsCheckIn .formInputElement .datePicker input {
    width: 105px;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormDateFields .dvcPointsChartFormDateFieldsCheckOut .formInputElement {
    margin: 0;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormDateFields .dvcPointsChartFormDateFieldsCheckOut .formInputElement .datePicker input {
    width: 105px;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .dvcPointsChartFormTotalPoints {
    margin-left: 4px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row {
        margin-bottom: 20px;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .form-handler:before,
    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .form-handler:after {
        display: table;
        content: " ";
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .form-handler:after {
        clear: both;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .dvcss-form-link {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 5px;
        padding-bottom: 3px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row p {
        margin-bottom: 12px;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .form-handler {
        display: block;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .form-group {
        display: block;
        float: left;
        padding: 0;
        width: 50%;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .dvcPointsChartFormDateFieldsCheckIn {
        padding-right: 7px;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .dvcPointsChartFormDateFieldsCheckOut {
        padding-left: 7px;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .dvcPointsChartFormTotalPoints {
        float: none;
        margin-left: 0;
        padding-top: 9px;
        width: 100%;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .dvcPointsChartFormTotalPoints .dvcPointsChartFormTotalPointsValue {
        margin-bottom: 0;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .formInputElement {
        display: block;
        margin-bottom: 0 !important;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .formInputElement .datePicker,
    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .formInputElement .textInput {
        width: auto;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .formInputElement .datePicker label,
    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .formInputElement .textInput label {
        width: auto;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .formInputElement .textInput input {
        width: 100%;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .formInputElement .textInput input::-webkit-input-placeholder {
        font-style: italic;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .formInputElement .textInput input:-ms-input-placeholder {
        font-style: italic;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .formInputElement .textInput input::-moz-placeholder {
        font-style: italic;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .formInputElement .textInput input:-moz-placeholder {
        font-style: italic;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDateFields.form-row .formInputElement .datePicker .ui-datepicker-trigger {
        top: auto;
        right: 9px;
        bottom: 13px;
    }
    
}

.dvcGlobalPointsChartModal .dvcPointsChartFormDownloadPdfs {
    padding-top: 19px;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormDownloadPdfs ul {
    margin: 0;
    margin-left: -7px;
    padding-left: 0;
    list-style: none;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormDownloadPdfs ul>li>a {
    vertical-align: middle;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormDownloadPdfs ul>li>a .dvcss-pepmdxicon {
    top: -1px;
    vertical-align: middle;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalPointsChartModal .dvcPointsChartFormDownloadPdfs {
        padding-top: 21px;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDownloadPdfs label {
        display: block;
        padding-bottom: 7px;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDownloadPdfs ul {
        padding-left: 0;
        margin-left: -3px;
        list-style: none;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDownloadPdfs ul>li {
        display: list-item;
        margin-top: 9px;
        padding: 0;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDownloadPdfs ul>li:first-child {
        margin-top: 0;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDownloadPdfs ul>li .dvcss-pepmdxicon {
        font-size: 15px;
    }

    .dvcGlobalPointsChartModal .dvcPointsChartFormDownloadPdfs ul>li.list-divider {
        display: none;
    }
    
}

.dvcGlobalPointsChartModal .modal-xs-fullscreen .modal-footer {
    padding: 0;
    border-top: 0;
}

.dvcGlobalPointsChartModal .modal-xs-fullscreen .modal-footer .modal-footer-inner {
    padding: 0 20px;
}

.dvcGlobalPointsChartModal .modal-xs-fullscreen .modal-footer .modal-footer-body {
    padding: 15px 0;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalPointsChartModal .modal-xs-fullscreen .modal-footer {
        padding: 0;
        border-top: 0;
    }

    .dvcGlobalPointsChartModal .modal-xs-fullscreen .modal-footer .modal-footer-inner {
        padding: 0 15px;
    }

    .dvcGlobalPointsChartModal .modal-xs-fullscreen .modal-footer .modal-footer-body {
        padding: 15px 0;
        border-top: 0;
    }
    
}

.dvcGlobalPointsChartModal #pdfOnly .pdf-header {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    color: #253b56;
    font-size: 14px;
}

.dvcGlobalPointsChartModal #pdfOnly ul li ul li:last-child {
    margin-bottom: 21px;
}

.dvcGlobalPointsChartModal #pdfOnly .pdf-header .pdf-items {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    color: #00739a;
    font-size: 14px;
    line-height: 20px;
    margin: 8px 0 0 0;
}

.dvcGlobalPointsChartModal #pdfOnly .pdf-header .pdf-items>li>a>.dvcss-pepmdxicon {
    float: left;
    margin-right: 4px;
}

.dvcGlobalPointsChartModal #pdfOnly .pdf-header .pdf-items>li>a>span {
    display: block;
    overflow: hidden;
}

/**************************************************
 * Room Availability Modal Widget - availability-calendar-modal.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #2 $
 * $Change: 1626566 $
 * $Date: 2016/04/07 $
 **************************************************/

.dvcGlobalAvailabilityCalendarModal .modal-header {
    border-bottom: 0;
    padding: 30px 30px 0;
}

.dvcGlobalAvailabilityCalendarModal .modal-header-inner {
    padding: 0 0 18px;
}

.dvcGlobalAvailabilityCalendarModal .modal-header-inner p {
    margin: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.dvcGlobalAvailabilityCalendarModal .modal-title {
    padding: 0;
    margin-bottom: 11px;
    color: #253b56;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    line-height: 34px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalAvailabilityCalendarModal .modal-header {
        padding: 9px 19px 0;
    }

    .dvcGlobalAvailabilityCalendarModal .modal-header-inner {
        padding-bottom: 17px;
    }

    .dvcGlobalAvailabilityCalendarModal .modal-header-inner p {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 9px;
    }

    .dvcGlobalAvailabilityCalendarModal .modal-header-inner p+p {
        margin-bottom: 0;
    }

    .dvcGlobalAvailabilityCalendarModal .modal-title {
        color: #253b56;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
    }
    
}

.dvcGlobalAvailabilityCalendarModal .modal-body {
    padding-top: 21px;
    padding-bottom: 18px;
}

.dvcGlobalAvailabilityCalendarModal .dvcGlobalAvailabilityCalendarGroup {
    max-width: 412px;
    margin: 0 auto;
}

.dvcGlobalAvailabilityCalendarModal .dvcGlobalAvailabilityDetailsPc {
    padding-top: 27px;
}

.dvcGlobalAvailabilityCalendarModal .dvcGlobalAvailabilityDetailsPc ul>li {
    margin-bottom: 7px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.dvcGlobalAvailabilityCalendarModal .dvcGlobalAvailabilityDetailsPc ul>li label {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.dvcGlobalAvailabilityCalendarModal .pointChartModalFormContainer .elBtnBook {
    margin-top: 6px;
}

.dvcGlobalAvailabilityCalendarModal .dvcGlobalAvailabilityCalendarGroup {
    padding-bottom: 37px;
}

.dvcGlobalAvailabilityCalendarModal .dvcGlobalAvailabilityCalendarLegends {
    padding-top: 19px;
}

.dvcGlobalAvailabilityCalendarModal .dvcGlobalAvailabilityCalendarLegends ul>li .dvcss-legend-square {
    position: relative;
    top: 3px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalAvailabilityCalendarModal .dvcGlobalAvailabilityCalendarGroup {
        padding-bottom: 0;
    }

    .dvcGlobalAvailabilityCalendarModal .dvcGlobalAvailabilityDetailsPc {
        margin-top: 7px;
        padding-top: 0;
        text-align: right;
    }

    .dvcGlobalAvailabilityCalendarModal .dvcGlobalAvailabilityCalendarLegends ul.dvcss-list {
        display: table;
    }

    .dvcGlobalAvailabilityCalendarModal .pointChartModalFormContainer .elBtnBook {
        margin-top: 0;
    }
    
}

.dvcGlobalAvailabilityCalendarModal .modal-footer {
    padding: 0 20px 15px;
    border-top: 0;
}

.dvcGlobalAvailabilityCalendarModal .modal-footer-body {
    padding: 15px 0 0;
}
/**************************************************
 * Change Search Modal (Global) - change-search-modal.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #2 $
 * $Change: 1626566 $
 * $Date: 2016/04/07 $
 **************************************************/

#dvcChangeSearchModal .dvcss-form-list-body #alert-error-title {
    margin-bottom: 8px;
}

#dvcChangeSearchModal .dvcss-form-list-body ul {
    margin-bottom: 8px;
}

#dvcChangeSearchModal .modal-body {
    padding-bottom: 11px;
}

/*
#dvcChangeSearchModal .uiPlus .datePicker .ui-datepicker-trigger {
    top: 26px;
    right: 3px;
}
#dvcChangeSearchModal .dvcCheckAvailabilityCheckBoxAccessible label {
    display: inline-block;
    margin-left: 10px;
}
#dvcChangeSearchModal .dvcCheckAvailabilityCheckBoxAccessible {
    padding-left: 10px;
    margin-top: 25px;
}
#dvcChangeSearchModal .dvcCheckAvailabilityInputGroupChildren {
    margin-right: 6px;
}
#dvcChangeSearchModal .dvcCheckAvailabilitySliderVacationPoints {
    padding-left: 30px;
}
#dvcChangeSearchModal .dvcCheckAvailabilitySliderVacationPoints .vacation-points-slider-range {
    width: 110px;
}
*/

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalChangeSearchModal .modal-xs-fullscreen .modal-middle {
        display: inline;
    }

    .dvcGlobalChangeSearchModal .modal-xs-fullscreen .modal-middle form {
        background: #fff;
        display: table;
        height: 100%;
        width: 100%;
    }

    .dvcGlobalChangeSearchModal .modal-xs-fullscreen .modal-body {
        padding-top: 20px;
    }

    .dvcGlobalChangeSearchModal .form-group .formInputElement {
        display: block;
        margin-bottom: 0 !important;
    }

    .dvcGlobalChangeSearchModal .form-group .datePicker {
        width: auto;
    }

    .dvcGlobalChangeSearchModal .form-group .datePicker label {
        width: auto;
    }

    .dvcGlobalChangeSearchModal .form-group .datePicker .ui-datepicker-trigger {
        top: 35px;
        right: 9px;
    }

    .dvcGlobalChangeSearchModal .form-group .textInput input {
        width: 100%;
    }
    
}

.dvcGlobalChangeSearchModal-Body {
    padding-bottom: 0;
    /* Mobile query */
}

.dvcGlobalChangeSearchModal-Body .dvcss-form .form-group .formInputElement .selectBox.short {
    width: 70px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvcGlobalChangeSearchModal-Body .form-row {
        margin-bottom: 15px;
    }

    .dvcGlobalChangeSearchModal-Body .dvcss-form .form-group .formInputElement .selectBox.short {
        width: 100%;
    }
    
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-FirstGroup {
    float: left;
}

/***** Check In Date Input *****/
.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-FirstGroup .dvcGlobalChangeSearchModal-InputGroupCheckInDate {
    margin-right: 16px;
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-FirstGroup .dvcGlobalChangeSearchModal-InputGroupCheckInDate .formInputElement {
    margin-right: 0;
}

/***** Check Out Date Input *****/
.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-FirstGroup .dvcGlobalChangeSearchModal-InputGroupCheckOutDate {
    margin-right: 30px;
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-FirstGroup .dvcGlobalChangeSearchModal-InputGroupCheckOutDate .formInputElement {
    margin-right: 0;
}

/***** Adults Input *****/
.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-FirstGroup .dvcGlobalChangeSearchModal-InputGroupAdults {
    margin-right: 12px;
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-FirstGroup .dvcGlobalChangeSearchModal-InputGroupAdults .formInputElement {
    margin-right: 0;
}

/***** Children Input *****/
.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-FirstGroup .dvcGlobalChangeSearchModal-InputGroupChildren .formInputElement {
    margin-right: 0;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-FirstGroup {
        float: none;
        margin-bottom: -3px;
    }

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-FirstGroup label {
        padding-bottom: 0;
    }

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-FirstGroup .dvcGlobalChangeSearchModal-InputGroupCheckInDate {
        float: left;
        margin-right: 0;
        width: 50%;
        padding-right: 7px;
    }

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-FirstGroup .dvcGlobalChangeSearchModal-InputGroupCheckOutDate {
        float: left;
        margin-right: 0;
        width: 50%;
        padding-left: 7px;
    }

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-FirstGroup .dvcGlobalChangeSearchModal-InputGroupAdults {
        float: left;
        margin-right: 0;
        padding-right: 7px;
        width: 50%;
    }

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-FirstGroup .dvcGlobalChangeSearchModal-InputGroupChildren {
        float: left;
        margin-right: 0;
        padding-left: 7px;
        width: 50%;
    }
    
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroup {
    visibility: visible;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroup {
        position: relative;
        padding-top: 3px;
        margin-bottom: 129px;
    }
    
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupOthers {
    display: block;
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupOthers .dvcss-form-row {
    margin-bottom: 12px;
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupOthers .dvcGlobalChangeSearchModal-InputGroupAccessibleRooms {
    margin-top: 11px;
    margin-bottom: 6px;
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupOthers .dvcGlobalChangeSearchModal-InputGroupAccessibleRooms .richCheckBox {
    position: relative;
    top: -3px;
    float: left;
    margin-right: 7px;
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupOthers .dvcGlobalChangeSearchModal-InputGroupAccessibleRooms .richCheckBox+label {
    overflow: visible;
    white-space: nowrap;
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupOthers .dvcGlobalChangeSearchModal-InputGroupVacationPoints .formInputElement {
    margin-left: -117px;
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupOthers .dvcGlobalChangeSearchModal-InputGroupVacationPoints .ui-slider {
    width: 100%;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupOthers {
        position: absolute;
        top: 100%;
        width: 100%;
    }

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupOthers .dvcGlobalChangeSearchModal-InputGroupAccessibleRoomsParent {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
    }

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupOthers .dvcGlobalChangeSearchModal-InputGroupAccessibleRooms {
        margin-top: 0;
        margin-bottom: 0;
    }

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupOthers .dvcGlobalChangeSearchModal-InputGroupAccessibleRooms label.invisible {
        display: none;
    }

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupOthers .dvcGlobalChangeSearchModal-InputGroupAccessibleRooms label {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupOthers .dvcGlobalChangeSearchModal-InputGroupVacationPoints .formInputElement {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 9px;
    }

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupOthers .dvcGlobalChangeSearchModal-InputGroupVacationPoints .slider-container {
        margin-left: 40px;
        margin-right: 40px;
        margin-bottom: 15px;
        margin-top: 14px;
        background-color: #DFDFDF;
        border-radius: 6px;
    }
    
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupChildren {
    clear: both;
    margin-bottom: 4px;
    padding-top: 6px;
    padding-bottom: 0px;
    width: 100%;
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupChildren .control-label {
    display: block;
    margin-bottom: 14px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupChildren table {
    margin: 0;
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupChildren table td {
    padding: 0;
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupChildren [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupChildren table td .form-handler {
    text-align: left;
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupChildren table td .form-row {
    margin-bottom: 11px;
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupChildren table td .form-group {
    float: left;
    width: 16%;
    margin-right: 0;
}

.dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupChildren table td .form-group .formInputElement {
    margin: 0;
    padding-right: 6px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupChildren {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
    }

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupChildren .control-label {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: -1px;
    }

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupChildren table td .form-row {
        margin-left: -7px;
        margin-right: -7px;
        margin-bottom: 0;
    }

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupChildren table td .form-group {
        float: left;
        width: 50%;
        margin-right: 0;
        margin-bottom: 0;
        padding-left: 7px;
        padding-right: 7px;
    }

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupChildren table td .form-group .formInputElement {
        margin: 0;
        margin-bottom: 15px !important;
        padding-right: 0;
    }

    .dvcGlobalChangeSearchModal-Body .dvcGlobalChangeSearchModal-SecondGroupChildren table td .form-group label {
        display: none;
    }
    
}

/**************************************************
 * FAQ Side Navigation - faq-sidenav.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #2 $
 * $Change: 1626566 $
 * $Date: 2016/04/07 $
 **************************************************/

.dvcGlobalFaqSideNav {
    padding-left: 0;
    padding-right: 0;
}

.dvcGlobalFaqSideNav .dvcGlobalFaqSideNavHeader .dvcss-section-h1 {
    padding-top: 25px;
    padding-bottom: 5px;
}

.dvcGlobalFaqSideNavActionButtonsPc {
    padding-top: 7px;
    padding-bottom: 7px;
    white-space: nowrap;
}

.dvcGlobalFaqSideNavActionButtonsPc .btn-link {
    padding-right: 8px;
    padding-left: 8px;
    color: #253b56;
    text-align: center;
    text-decoration: none;
}

.dvcGlobalFaqSideNavActionButtonsPc .linkSideNavActionChat .btn-link {
    padding-right: 12px;
    padding-left: 12px;
}

.dvcGlobalFaqSideNavActionButtonsPc .btn-link:hover {
    color: #00739a;
    text-decoration: underline;
}

.LPMcontainer:focus a,
.dvcGlobalFaqSideNavActionButtonsPc .btn-link:focus,
    .dvcGlobalFaqSideNavActionButtonsPc .btn-link:active {
    outline: 1px dotted #000;
    color: #00739a;
    text-decoration: underline;
}

.dvcGlobalFaqSideNavActionButtonsPc .btn-link[disabled] {
    color: #a1afc0;
    opacity: 0.9;
}

.dvcGlobalFaqSideNavActionButtonsPc .btn-link span {
    display: block;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.dvcGlobalFaqSideNavActionButtonsPc .btn-link .dvcss-pepmdxicon {
    width: 35px;
    font-size: 35px;
    text-align: center;
    text-indent: -4px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalFaqSideNavActionButtonsPc {
        visibility: visible;
    }

}

.dvcGlobalFaqSideNavActionButtonsMobile {
    margin-left: -7px;
    margin-right: -7px;
    padding-bottom: 21px;
}

.dvcGlobalFaqSideNavActionButtonsMobile>[class*="col-"] {
    padding-left: 7px;
    padding-right: 7px;
}

.dvcGlobalFaqSideNavActionButtonsMobile .dvcss-btn {
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
}

.dvcGlobalFaqSideNavActionButtonsMobile .dvcss-btn:focus,
.dvcGlobalFaqSideNavActionButtonsMobile .dvcss-btn:active {
    outline: none;
}

.dvcGlobalFaqSideNavActionButtonsMobile .dvcss-btn[disabled] {
    color: #a1afc0;
    opacity: 0.9;
}

.dvcGlobalFaqSideNavActionButtonsMobile .dvcss-btn .dvcss-pepmdxicon {
    top: -2px;
    font-size: 18px;
    vertical-align: middle;
}

.dvcGlobalFaqSideNavLinks .dvcss-well {
    padding: 13px 19px 29px;
    border-radius: 6px;
}

.dvcGlobalFaqSideNavLinks .dvcss-well .dvcss-section-title {
    margin-bottom: 2px;
}

.dvcGlobalFaqSideNavLinks .dvcss-well ul>li {
    margin-top: 3px;
}

.dvcGlobalFaqSideNavLinks .dvcss-well ul>li:first-child {
    margin-top: 0;
}

.dvcGlobalFaqSideNavLinks .dvcss-well ul>li a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.dvcGlobalFaqSideNavLinks .dvcss-well ul>li.active a,
.dvcGlobalFaqSideNavLinks .dvcss-well ul>li a.active {
    color: #253b56;
    text-decoration: none;
}

.dvcGlobalFaqSideNavLinks .dvcss-well ul>li.active a:hover,
.dvcGlobalFaqSideNavLinks .dvcss-well ul>li a.active:hover {
    cursor: default;
    text-decoration: none;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalFaqSideNavLinks .dvcss-well {
        margin-bottom: 9px;
        padding: 14px 9px 19px;
        border-radius: 6px;
    }

    .dvcGlobalFaqSideNavLinks .dvcss-well ul>li {
        margin-top: 2px;
    }

    .dvcGlobalFaqSideNavLinks .dvcss-well ul>li:first-child {
        margin-top: 0;
    }

    .dvcGlobalFaqSideNavLinks .dvcss-well ul>li a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }

    .dvcGlobalFaqSideNavLinks .dvcss-well ul>li.active a,
    .dvcGlobalFaqSideNavLinks .dvcss-well ul>li a.active {
        color: #253b56;
        text-decoration: none;
    }

    .dvcGlobalFaqSideNavLinks .dvcss-well ul>li.active a:hover,
    .dvcGlobalFaqSideNavLinks .dvcss-well ul>li a.active:hover {
        cursor: default;
        text-decoration: none;
    }

    .LPMcontainer.LPMoverlay {
        left: 0% !important; 
        width: 100% !important;
        top: 45% !important;         
    }
    
    #lpChatInvite {    
        background-size: 100% !important; 
        width: 100% !important; 
        height: auto !important; 
        padding: 22% !important;
    }    
    
    #inviteReject, #inviteAccept {
        background-size: 100% !important;
        width: 20% !important;
        height: 20% !important;
        top: 73% !important;
    }
    
    #inviteReject {
        left: 55% !important;   
    }

    #inviteAccept {
        left: 75% !important;   
    }
}

/**************************************************
 * Datepicker - ui-datepicker.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #3 $
 * $Change: 1642710 $
 * $Date: 2016/08/26 $
 **************************************************/
 
#ui-datepicker-div {
    background: #fff;
}

div.ui-datepicker .ui-datepicker-next, div.ui-datepicker .ui-datepicker-next:hover {
    float: right;
    line-height: 1.5;
    position: relative !important;
    right: -8px;
    text-decoration: none;
    top: 2px;
    width: auto;
}

div.ui-datepicker .ui-datepicker-prev, div.ui-datepicker .ui-datepicker-prev:hover {
    float: left;
    left: 0;
    line-height: 1.5;
    position: relative !important;
    text-decoration: none;
    top: 0;
    width: auto;
}

div.ui-datepicker .ui-datepicker-next:focus,
div.ui-datepicker .ui-datepicker-prev:focus {
    outline: 1px dotted #00739a;
}

div.ui-datepicker .ui-datepicker-prev.ui-state-disabled, div.ui-datepicker .ui-datepicker-prev.ui-state-disabled:hover {
    top: 0;
}

div.ui-datepicker .ui-corner-all span.ui-icon-circle-triangle-e {
    background-position: 0 -192px;
    display: inline-block;
    height: 18px;
    width: 10px;
}

div.ui-datepicker .ui-corner-all span.ui-icon-circle-triangle-w {
    background-position: 0 -175px;
    display: inline-block;
    height: 18px;
    width: 10px;
}

div.ui-datepicker .ui-corner-all span.ui-icon-circle-triangle-w {
    background-position: 0 -173px;
    display: inline-block;
    height: 20px;
    width: 10px;
}

div.ui-datepicker .ui-datepicker-title, div.ui-datepicker thead th {
    text-align: center;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #ui-datepicker-div.ui-datepicker {
        position: fixed !important;
        top: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        height: 100% !important;
        width: 100% !important;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    
}

#ui-datepicker-div.ui-datepicker div.ui-datepicker-header.ui-widget-header {
    border-bottom: 1px solid #ccc;
}

div.ui-datepicker .ui-datepicker-title {
    margin: 0;
    color: #253b56;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 0 0 4px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #ui-datepicker-div.ui-datepicker div.ui-datepicker-header.ui-widget-header {
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }

    div.ui-datepicker .ui-datepicker-title {
        padding: 0;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
    }
    
}

div.ui-datepicker .ui-datepicker-next {
    color: #253b56;
    font-family: pepmdx2 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

div.ui-datepicker .ui-datepicker-next.ui-state-disabled {
    color: #a1afc0;
    cursor: default;
}

div.ui-datepicker .ui-datepicker-next::before {
    content: "\e30c";
}

div.ui-datepicker .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e {
    display: none;
}

div.ui-datepicker .ui-datepicker-next, div.ui-datepicker .ui-datepicker-next:hover {
    position: relative !important;
    top: 0;
    right: 0;
    float: right;
    width: auto;
    background: transparent;
    border: 0;
    cursor: pointer;
    line-height: 1.5;
    text-decoration: none;
}

div.ui-datepicker .ui-corner-all span.ui-icon-circle-triangle-e {
    display: none;
    height: 18px;
    width: 10px;
    margin: 0;
    background-image: url(/media/dvc/pep_01/image-sprites/9f54e1a3db26c4b5885b088450c9025d-sprite-homepageOnly-icons.png);
    background-repeat: no-repeat;
    background-position: 0 -192px;
}

div.ui-datepicker .ui-datepicker-prev {
    color: #253b56;
    font-family: pepmdx2 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

div.ui-datepicker .ui-datepicker-prev.ui-state-disabled {
    color: #a1afc0;
    cursor: default;
}

div.ui-datepicker .ui-datepicker-prev::before {
    content: "\e30d";
}

div.ui-datepicker .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w {
    display: none;
}

div#ui-datepicker-div.ui-datepicker .ui-datepicker-prev, div.ui-datepicker .ui-datepicker-prev:hover {
    position: relative !important;
    top: 0;
    left: 0;
    float: left;
    width: auto;
    line-height: 1.5;
    text-decoration: none;
}

div.ui-datepicker .ui-corner-all span.ui-icon-circle-triangle-w {
    display: none;
    margin: 0;
    height: 18px;
    width: 10px;
    background-image: url(/media/dvc/pep_01/image-sprites/9f54e1a3db26c4b5885b088450c9025d-sprite-homepageOnly-icons.png);
    background-repeat: no-repeat;
    background-position: 0px -176px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    div.ui-datepicker .ui-datepicker-calendar {
        position: relative;
        padding-bottom: 10px;
        background: white;
        border-bottom: 1px solid #ccc;
    }
    
}

div.ui-datepicker .ui-datepicker-calendar thead>tr>th {
    width: 25px;
    border-bottom: 1px solid #ccc;
    line-height: 26px;
    text-align: center;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    div.ui-datepicker .ui-datepicker-calendar thead>tr>th {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 32px;
    }
    
}

div.ui-datepicker .ui-datepicker-calendar tbody>tr:first-child>td {
    padding-top: 4px;
}

div.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    width: 25px;
}

div.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
    display: block;
    font-weight: 600;
    line-height: 21px;
    text-align: center;
}

div.ui-datepicker .ui-datepicker-calendar td a.ui-state-default,
div.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-default,
div.ui-datepicker .ui-datepicker-calendar td a.ui-state-hover {
    background: none;
    border: 0;
    color: #00739a;
}

div.ui-datepicker .ui-datepicker-calendar td a.ui-state-hover {
    text-decoration: underline;
}

div.ui-datepicker .ui-datepicker-calendar td.highlightedDayRange {
    background: none;
}

div.ui-datepicker .ui-datepicker-calendar td.highlightedDayRange a,
div.ui-datepicker .ui-datepicker-calendar td.highlightedDayRange.ui-datepicker-today a.ui-state-default,
div.ui-datepicker .ui-datepicker-calendar td.highlightedDayRange a.ui-state-default {
    background: #e7f5fc;
}

div.ui-datepicker .ui-datepicker-calendar td a:hover,
div.ui-datepicker .ui-datepicker-calendar td a.ui-state-default:hover {
    background: #00739a;
    color: #fff;
}

div.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-default.ui-state-active,
div.ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
    background: #00739a;
    border: 0;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

div.ui-datepicker .ui-datepicker-calendar td a.ui-state-hover {
    background: #eee;
    text-decoration: none;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    div.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 32px;
    }

    div.ui-datepicker .ui-datepicker-calendar tbody>tr:first-child>td {
        padding-top: 10px;
    }

    .touch div.ui-datepicker .ui-datepicker-calendar td a.ui-state-hover,
    .touch div.ui-datepicker .ui-datepicker-calendar td a:hover,
    .touch div.ui-datepicker .ui-datepicker-calendar td a.ui-state-default:hover {
        background: none;
        color: #00739a;
    }

    .touch div.ui-datepicker .ui-datepicker-calendar td.highlightedDayRange a,
    .touch div.ui-datepicker .ui-datepicker-calendar td.highlightedDayRange a.ui-state-default {
        background: #e7f5fc;
    }
    
}

div.ui-datepicker .ui-datepicker-msgpane {
    margin-top: 7px;
    padding: 5px 0 0;
    border-top: 1px solid #ccc;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
}

div.ui-datepicker .ui-datepicker-msgpane h3 {
    margin-bottom: 0;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

div.ui-datepicker .ui-datepicker-msgpane ul {
    list-style-type: disc;
    margin: 0;
    padding: 0 0 0 15px;
}

div.ui-datepicker .ui-datepicker-msgpane ul>li {
    margin-bottom: 0;
    text-indent: -5px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    div.ui-datepicker .ui-datepicker-msgpane {
        margin-top: 0;
        padding: 10px 5px 65px;
        border-top: 0;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    div.ui-datepicker .ui-datepicker-msgpane h3 {
        margin-bottom: 10px;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    div.ui-datepicker .ui-datepicker-msgpane ul {
        margin: 0;
        padding: 0 0 0 20px;
        list-style-type: disc;
    }

    div.ui-datepicker .ui-datepicker-msgpane ul>li {
        margin-bottom: 7px;
        text-indent: 0;
    }
    
}

div.ui-datepicker .ui-datepicker-buttonpane {
    display: none;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    div.ui-datepicker .ui-datepicker-buttonpane {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        width: 100%;
        background: #fff;
        border-top: 1px solid #ccc;
        border-radius: 0;
        text-align: center;
        box-shadow: none;
        -webkit-border-radius: none;
    }

    div.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current {
        display: none;
    }

    div.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {
        display: inline-block;
        position: relative;
        z-index: 1;
        margin-bottom: 0;
        padding: 6px 21px 6px;
        padding: 6px 12px;
        min-width: 110px;
        background-color: #edf5fa;
        background-image: none;
        border: 0;
        border-radius: 20px;
        color: #697a8d;
        cursor: pointer;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.42857143;
        outline: none !important;
        vertical-align: middle;
        white-space: nowrap;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    div.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:hover,
    div.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:hover {
        background-color: #edf5fa;
        color: #697a8d;
        font-weight: 400;
    }

    div.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:active {
        background-color: #e6edf1;
        color: #697a8d;
    }
    
}

/**************************************************
 * CTA Contact Info - cta-contact-info.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #2 $
 * $Change: 1626566 $
 * $Date: 2016/04/07 $
 **************************************************/

.dvcGlobalCtaContactInfo {
    margin-bottom: 20px;
    padding: 21px 20px 23px;
}

.dvcGlobalCtaContactInfo h2, .dvcGlobalCtaContactInfo .dvcGlobalCtaContactInfoTitle {
    margin-bottom: 7px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.dvcGlobalCtaContactInfo strong {
    display: block;
    margin: 0 0 5px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.dvcGlobalCtaContactInfo>div, .dvcGlobalCtaContactInfo>p {
    margin: 0 0 5px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalCtaContactInfo {
        max-width: none;
        padding: 21px 20px 24px;
    }

    .dvcGlobalCtaContactInfo h2, .dvcGlobalCtaContactInfo .dvcGlobalCtaContactInfoTitle {
        margin-bottom: 10px;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
    }

    .dvcGlobalCtaContactInfo strong {
        display: block;
        margin: 0 0 3px;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    .dvcGlobalCtaContactInfo>div, .dvcGlobalCtaContactInfo>p {
        margin: 0 0 3px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    
}

/**************************************************
 * Booking Window Calculator - booking-window-calculator.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #2 $
 * $Change: 1626566 $
 * $Date: 2016/04/07 $
 **************************************************/

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingTripIndicatorRow {
    text-align: right;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingTripIndicatorRow .dvcBookingTripIndicatorCell {
    display: inline-block;
    margin-bottom: -1px;
    width: 7.692%;
    color: #00739a;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingTripIndicatorRow .dvcBookingTripIndicatorCell small {
    font-size: 11px;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingTripIndicatorRow .dvcBookingTripIndicatorCell .dvcss-pepmdxicon {
    color: #253b56;
    font-size: 15px;
    line-height: 12px;
    margin-top: 0px;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphContainer {
    position: relative;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphOutline {
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 0;
    height: 100%;
    width: 100%;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphOutline .dvcBookingGraphOutlineTable {
    display: block;
    height: 100%;
    width: 100%;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphOutline .dvcBookingGraphOutlineTable .dvcBookingGraphOutlineTableCell {
    display: block;
    float: left;
    position: relative;
    height: 100%;
    width: 7.692307692307692%;
    border-left: 0 solid #eee;
    text-align: center;
    vertical-align: top;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphOutline .dvcBookingGraphOutlineTable .dvcBookingGraphOutlineTableCell:first-child {
    border-left: 0;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphOutline .dvcBookingGraphOutlineTable .dvcBookingGraphOutlineTableCell::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background-color: #eee;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphOutline .dvcBookingGraphOutlineTable .dvcBookingGraphOutlineTableCell:first-child::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background-color: #eee;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphTabler {
    display: table;
    position: relative;
    z-index: 1;
    width: 100%;
    background: #fff;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphTabler .dvcBookingGraphTablerHeader {
    display: table-row;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphTabler .dvcBookingGraphTablerHeader>div {
    display: table-cell;
    padding-top: 7px;
    padding-bottom: 6px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphTabler .dvcBookingGraphTablerHeader>div small {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphTabler .dvcBookingGraphTablerHeader>div.disabled {
    color: #a1afc0;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphBody {
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphBody .dvcDataRow {
    padding: 0 0 8px;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphBody .dvcDataRow .dvcLeftBlocker,
.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphBody .dvcDataRow .dvcRightBlocker {
    display: inline;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphBody .dvcDataRow .dvcLeftBlocker>div {
    float: left;
    width: 1.923076923076923%;
    min-height: 1px;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphBody .dvcDataRow .dvcRightBlocker>div {
    float: right;
    width: 1.923076923076923%;
    min-height: 1px;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphBody .dvcDataRow .dvcDataBar {
    padding: 8px 9px 7px;
    min-height: 45px;
    background: #a3d4ef;
    overflow: hidden;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphBody .dvcDataRow .dvcDataBar.dvcDataBarSecondary {
    background: #d8f3f6;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphBody .dvcDataRow .dvcDataBar.dvcDataBarPrimary {
    background: #d1eaf7;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphBody .dvcDataRow .dvcDataBar .dvcDataBarTitle,
.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphBody .dvcDataRow .dvcDataBar h1,
.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphBody .dvcDataRow .dvcDataBar h2,
.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphBody .dvcDataRow .dvcDataBar h3 {
    margin: 0;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
}

.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphBody .dvcDataRow .dvcDataBar .dvcDataBarDesc,
.dvcGlobalBookingWindowCalculatorGraph .dvcBookingGraphBody .dvcDataRow .dvcDataBar p {
    margin-bottom: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}
/**************************************************
 * Modal Full Width Widget - modal-full-width-widget.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1638014 $
 * $Date: 2016/07/08 $
 **************************************************/

.dvcGlobalModalDefault .modal-header {
    border-bottom: 0;
    padding: 60px 20px 5px;
}

.dvcGlobalModalDefault .modal-title {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 35px;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}

.dvcGlobalModalDefault .modal-body {
    padding: 20px 20px 60px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; 
}

.dvcGlobalModalDefault .modal-body p {
    margin-bottom: 0;
}

.dvcGlobalModalDefault .modal-footer {
    border-top: 0;
    padding: 0 20px 20px;
}

.dvcGlobalModalDefault .modal-footer .modal-footer-body {
    padding-top: 20px;
}

.dvcGlobalModalDefault .modal-footer .btn {
    min-width: 160px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    .dvcGlobalModalDefault .modal-header {
        padding: 20px 20px 10px;
    }
    
    .dvcGlobalModalDefault .modal-cell {
        display: table-cell;
        vertical-align: middle;
    }
    
    .dvcGlobalModalDefault .modal-body {
        padding: 20px;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px; 
    }
    
    .dvcGlobalModalDefault .modal-footer {
        padding: 0;
    }
    
    .dvcGlobalModalDefault .modal-footer .modal-footer-body {
        padding: 10px;
    }

}

/**************************************************
 * Modal Full Width Widget - modal-full-width-widget.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #2 $
 * $Change: 1626566 $
 * $Date: 2016/04/07 $
 **************************************************/

/* Mobile query */
@media screen and (max-width: 767px) {

    #modalfullWidthWidget {
        background: #fff;
        height: 100% !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
    }

    #modalfullWidthWidget.modal .modal-fullscreen {
        display: block;
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
    }

    #modalfullWidthWidget.modal .modal-fullscreen .modal-content {
        display: block;
        padding: 24px 19px 18px;
        min-height: 100%;
    }

    #modalfullWidthWidget.modal .modal-fullscreen .modal-body {
        padding: 21px 0 20px;
        -webkit-overflow-scrolling: touch;
    }

    #modalfullWidthWidget.modal .modal-fullscreen .modal-footer {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    
}

/**************************************************
 * PEP Modal - navbar.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/
 
#modalPaddingLayer .ui-widget-content {
    padding: 0 10px 0 10px !important;
}

@media screen and (max-width: 767px) {

   #modalPaddingLayer .warningModal.ui-widget-content {
        position: relative!important;
        left: 0!important;
        margin : 0 auto;
        max-width: 720px;
        overflow: auto;
        padding: 0 24px 2px 11px !important;
        width: auto!important;
    }

    #modalPaddingLayer .warningModal.fullModal.ui-widget-content {
        position: relative!important;
        left: 0!important;
        margin : 0 auto;
        max-width: 100%;
        overflow: auto;
        padding: 0 20px 2px 20px !important;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        overflow: hidden;
    }

    #modalPaddingLayer .warningModal #ui-dialog-title-contents {
        color: #ff4605;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        margin-top: 17px;
        margin-left: 0;
        padding-top: 3px;
        padding-left: 0;
    }

    #modalPaddingLayer .warningModal .ui-dialog-titlebar {
        margin-bottom: 17px;
    }

    #modalPaddingLayer .warningModal.fullModal.ui-widget-content #modalDialogDivContainer{
        height: 100% !important;
    }

    #modalPaddingLayer .warningModal.fullModal.ui-widget-content #modalTmpContent {
        color: #253b56;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #modalPaddingLayer .warningModal.fullModal.ui-widget-content #modalTmpContent > .horizontalSeparator {
        margin-bottom: 21px;
    }

    #modalPaddingLayer .warningModal.fullModal.ui-widget-content #modalUIPlusButtonPane {
        position: absolute;
        bottom: 60px;
    }

    #modalPaddingLayer .warningModal.fullModal.ui-widget-content #modalUIPlusButtonPane .horizontalSeparator {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    #modalPaddingLayer .warningModal.fullModal.ui-widget-content #modalUIPlusButtonPane .modalUIPlusButtons  {
        float: none;
        text-align: right;
        margin-right: 0;
    }

    #modalPaddingLayer .warningModal.fullModal.ui-widget-content #modalUIPlusButtonPane .modalUIPlusButtons .pillBase  {
        height: 30px;
        line-height: 29px;
        min-width: 100px;
        margin-left: 16px;
    }

    #modalPaddingLayer .warningModal.fullModal.ui-widget-content #modalUIPlusButtonPane .warningCancelBtn {
        background-color: #eef6fa;
    }

    #modalPaddingLayer .warningModal.fullModal.ui-widget-content #modalUIPlusButtonPane .warningCancelBtn:hover {
        background-color: #e3ebf7;
    }
    
}

body .ui-dialog .ui-dialog-titlebar {
    margin-bottom: 15px;
}

#modalUIPlusButtonPane .horizontalSeparator {
    margin-top: 20px !important;
    margin-bottom: 3px !important;
}

.pepModalCustomClass {
    background-color: white;
}

#tmp_overlay_background {
    overflow-y: auto;
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10500;
}

body .ui-widget-overlay {
    background: none repeat scroll 0 0 #1d96d7;
    opacity: 0.4;
}

.ui-widget-overlay {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 20000;
}


/****************************************
SITE SURVEY MODAL
Note: Use this to override the generic PEP modal style instead of modifying the generic itself
*****************************************/

.siteSurveyContent h1 {
    font-family: Avenir-light,Helvetica,Arial,sans-serif;
    margin: 0 0 10px 0;
}

.siteSurveyContent .content {
    width: 90%;
}

.siteSurveyContent #siteSurveyCancel {
    margin-right: 15px;
}

.innerContentBody .siteSurveyContent {
    text-align: left;
}



.siteSurveyContent .clearButton {
    border: 2px solid #00739A;
    border-radius: 3px;
    color: #00729C;
}

.siteSurveyContent #cancelSurvey {
     width: 130px;
    height: 44px;
    font-family: Avenir-Heavy;
    font-size: 16px;
    margin-right: 25px;
    background-color: #ffffff;
    color: #00729C;
    margin-bottom: 10px;
    float: right;
    margin-right: 30px;
    text-decoration: none;
    text-align: center;
    padding-top: 10px;
}
.siteSurveyContent #siteSurveyYes {
    width: 130px;
    height: 44px;
    font-family: Avenir-Heavy;
    font-size: 16px;
    background-color: #00729C;
    color: #ffffff;
    margin-bottom: 10px;
    float: right;
    margin-right: 0px;
    text-decoration: none;
    text-align: center;
    padding-top: 10px;
}


.siteSurveyContent .clearButton:hover,
.siteSurveyContent .clearButton:focus {
    color: white;
    background-color: #00729C;
}

@media screen and (max-width: 767px) {
    .siteSurveyContent .content {
        width: 100%;
    }
    .siteSurveyContent #cancelSurvey {
        width: 100%;
        height: 44px;
        font-family: Avenir-Heavy;
        font-size: 16px;
        margin-right: 0px;
    }
    .siteSurveyContent #siteSurveyYes {
        width: 100%;
        height: 44px;
        font-family: Avenir-Heavy;
        font-size: 16px;
        background-color: #00729C;
        color: #ffffff;
        margin-bottom: 10px;
        text-align: center;
        padding-top: 10px;
    }
}


/**************************************************
 * Global Availability Details (mobile) - availability-details-mobile.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #2 $
 * $Change: 1626566 $
 * $Date: 2016/04/07 $
 **************************************************/

/* Mobile query */
@media screen and (max-width: 767px) {

    .dvcGlobalAvailabilityDetailsMobile {
        margin-bottom: 18px;
    }
    
}
.lp-chat-side.lp-chat-side-bottom #lp-chat-side-icon-mobile {
    top: auto;
    bottom: 100px;
}

.linkSideNavActionChat .LPMcontainer{
    display: inline !important;
}
/**************************************************
 * Global Header Navbar - navbar.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/

/*-------------------------
 * Global Header (Desktop)
 *------------------------- */

#partialGlobalHeaderDesktop {
    position: relative;
    z-index: 1010;
}

#partialGlobalHeaderDesktop .dvcge-logo:focus {
    outline: 1px dotted #00739a;
}

#partialGlobalHeaderDesktop .dvcge-logo > img {
    position: relative;
    top: 3px;
    left: 0;

    height: 35px;
}

#partialGlobalHeaderDesktop .memberPointsDisplay {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

#partialGlobalHeaderDesktopWrapper {
    display: block;
    position: relative;
    top: 0;
    z-index: 10;

    min-height: 68px;

    background-color: #FFF;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    width: 100%;

    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.3);

    behavior: url(/media/dvc_site/js/PIE.htc);
}

/* Mobile Version */
@media screen and (max-width: 767px) {

    #partialGlobalHeaderDesktopWrapper {
        display: none;
        padding-left: 0;
        padding-right: 0;
    }

}

/*-------------------------
 * Global Header Desktop Top
 *------------------------- */

#partialGlobalHeaderDesktopTop {
    position: relative;

    height: 25px;
    max-width: 940px;

    margin: 0 auto;
    text-align: left;
}


/*-------------------------
 * Global Header Desktop Bottom
 *------------------------- */

#partialGlobalHeaderDesktopBottom {
    position: relative;

    max-width: 940px;

    margin: 0 auto;
    text-align: left;
}


/*-------------------------
 * Global Header (Mobile)
 *------------------------- */

#partialGlobalHeaderMobile .dvcge-logo {
    display: inline-block;
    margin: 4px 0 0;
}

#partialGlobalHeaderMobile .dvcge-logo > img {
    height: 35px;
}

#partialGlobalHeaderMobile .partialGlobalHeaderMobileMenuToggler {
    position: absolute;
    top: 11px;
    left: 8px;

    border: 0;
    padding: 0;
}

#partialGlobalHeaderMobile .partialGlobalHeaderMobileMenuToggler:hover,
#partialGlobalHeaderMobile .partialGlobalHeaderMobileMenuToggler:focus {
    background: none;
}

#partialGlobalHeaderMobile .partialGlobalHeaderMobileSearchIcon {
    position: absolute;
    top: 14px;
    right: 14px;
}

#partialGlobalHeaderMobile .partialGlobalHeaderMobileSearchIcon > .pepMdxIcon {
    display: inline-block;

    color: #253b56;
    font-size: 23px;
    text-indent: 0;
    text-indent: -9999;
}

/* Mobile Version */
@media screen and (max-width: 767px) {

    /* Hack for forcing the mobile input element to be 100% */
    #partialGlobalHeaderMobile div.mobileSearchContainer form#globalSearchMobileForm div.uiPlus div#globalSearchQueryMobileid-base {
        width: 100%;
    }

    #partialGlobalHeaderMobile .sidebar-offcanvas .list-group.panel {
        background: #fff;
        border: 0;
        border-radius: 0;
        margin-bottom: 0;
        box-shadow: -11px 0 13px -7px #757575 inset;
    }

}


/*-------------------------
 * Global Header Nav (Mobile)
 *------------------------- */

/* Mobile Version */
@media screen and (max-width: 767px) {

    #partialGlobalHeaderMobile .partialGlobalHeaderMobileNavLoginMemberBox .partialGlobalHeaderMobileNavLoginMemberBoxMemberships {
        padding-top: 3px;
        padding-bottom: 2px;
    }

}


/* Firefox */
@-moz-document url-prefix() {

    .globalNavigation > li a {
        padding-top: 5px;
    }

}

/* IE10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .globalNavigation > li a {
        padding-top: 5px;
    }
}

@media screen and (min-width: 768px) and (max-width: 800px) {

    .globalNavigation.navbar-nav {
        left: 190px;
    }

    .globalNavigation.navbar-nav > li > a.dropdown-toggle {
        font-size: 11px;
        padding-top: 7px;
        padding-left: 5px;
        padding-right: 5px;
    }

    /* firefox */
    @-moz-document url-prefix() {

        .globalNavigation.navbar-nav > li > a.dropdown-toggle {
            padding-top: 6px;
        }

    }

    /* IE10+ */
    _:-ms-lang(x), .globalNavigation.navbar-nav > li > a.dropdown-toggle {
        padding-top: 6px;
    }

    .myMembership .memberSignOutLockedIcon, .myMembership .memberSignInIcon {
        top: -2px;
    }

    .findDestinations > .dropdown-menu {
        width: 419px;
    }

    .findDestinations .menuLinkList li a {
        white-space: normal;
    }

    .globalNavigation .findDestinations .blockImageMenu li a {
        width: 175px;
    }

    .planVacations > .dropdown-menu {
        width: 320px;
    }

    .planVacations .menuLinkList li a {
        white-space: normal;
    }

    .globalNavigation .planVacations .blockImageMenu li a {
        width: 140px;
    }

    .helpAndContact > .dropdown-menu {
        width: 220px;
    }

    .searchForm.ui-autocomplete {
        width: 204px;
    }

}


@media screen and (min-width: 801px) and (max-width: 854px) {

    .globalNavigation.navbar-nav {
        left: 190px;
    }

    .globalNavigation.navbar-nav > li > a.dropdown-toggle {
        font-size: 12px;
        padding-left: 6px;
        padding-right: 6px;
    }

    /* IE10+ */

    _:-ms-lang(x), .globalNavigation.navbar-nav > li > a.dropdown-toggle {
        padding-top: 6px;
    }


    .myMembership .memberSignOutLockedIcon, .myMembership .memberSignInIcon {
        top: -2px;
    }

    .findDestinations > .dropdown-menu {
        width: 440px;
    }

    .findDestinations .menuLinkList li a {
        white-space: normal;
    }

    .globalNavigation .findDestinations .blockImageMenu li a {
        width: 190px;
    }

    .planVacations > .dropdown-menu {
        width: 335px;
    }

    .globalNavigation .planVacations .blockImageMenu li a {
        width: 130px;
    }

    .helpAndContact > .dropdown-menu {
        width: 235px;
    }

    .searchForm.ui-autocomplete {
        width: 204px;
    }

}


@media screen and (min-width: 855px) and (max-width: 930px) {

    .globalNavigation.navbar-nav > li > a.dropdown-toggle {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }

    /* IE10+ */
    _:-ms-lang(x), .globalNavigation.navbar-nav > li > a.dropdown-toggle {
        padding-top: 6px;
    }

    .myMembership .memberSignOutLockedIcon, .myMembership .memberSignInIcon {
        top: -2px;
    }

    .findDestinations > .dropdown-menu {
        width: 475px;
    }

    .findDestinations .menuLinkList li a {
        white-space: normal;
    }

    .globalNavigation .findDestinations .blockImageMenu li a {
        width: 200px;
    }

    .planVacations > .dropdown-menu {
        width: 352px;
    }

    .globalNavigation .planVacations .blockImageMenu li a {
        width: 150px;
    }

    .searchForm.ui-autocomplete {
        width: 204px;
    }

}

@media screen and (min-width: 931px) and (max-width: 966px) {

    .globalNavigation.navbar-nav > li > a.dropdown-toggle {
        font-size: 13px;
        padding-left: 13px;
        padding-right: 13px;
    }

    /* IE10+ */
    _:-ms-lang(x), .globalNavigation.navbar-nav > li > a.dropdown-toggle {
        padding-top: 6px;
    }

    .findDestinations > .dropdown-menu {
        width: 475px;
    }

    .findDestinations .menuLinkList li a {
        white-space: normal;
    }

    .planVacations > .dropdown-menu {
        width: 400px;
    }

    .globalNavigation .planVacations .blockImageMenu li a {
        width: 180px;
    }

    .searchForm.ui-autocomplete {
        width: 204px;
    }

}


@media screen and (min-width: 967px) and (max-width: 1003px) {

    .searchForm.ui-autocomplete {
        width: 220px;
    }

    .findDestinations > .dropdown-menu {
        width: 475px;
    }

    .findDestinations .menuLinkList li a {
        white-space: normal;
    }

}

/* GLOBAL HEADER Navigation Responsiveness */

/* Tablet Devices *
@media screen and (min-width: 768px) and (max-width: 780px) {
    .globalNavigation {
        left: 195px;
    }

    .globalNavigation.navbar-nav > li > a {
        padding-right: 1px;
        padding-left: 1px;
    }
}
@media screen and (min-width: 781px) and (max-width: 821px){
    .globalNavigation {
        left: 195px;
    }

    .globalNavigation.navbar-nav > li > a {
        padding-left: 2px;
        padding-right: 2px;
    }
}

/* Tablet to Medium Devices *

@media screen and (min-width: 822px) and (max-width: 849px){
    .globalNavigation.navbar-nav > li > a {
        padding-left: 6px;
        padding-right: 6px;
    }
}

@media screen and (min-width: 850px) and (max-width: 991px){
    .globalNavigation.navbar-nav > li > a {
        padding-left: 8px;
        padding-right: 8px;
    }
}

/* Medium to Large Devices *

@media screen and (min-width: 992px) {
    .globalNavigation.navbar-nav > li > a {
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media screen and (min-width: 1200px) {
    .globalNavigation.navbar-nav > li > a {
        padding-left: 15px;
        padding-right: 15px;
    }
}
*/

/**************************************************
 * Global Footer - footer.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1636081 $
 * $Date: 2016/06/21 $
 **************************************************/

/***** dvcGlobalFooter sectionSocialMedia *****/

.dvcGlobalFooter .sectionSocialMedia .subSocialMediaCol .subSocialMediaSites img.lazy {
    width: 25px;
}
.dvcGlobalFooter .sectionSocialMedia .subSocialMediaCol .subSocialMediaDVD img.lazy {
    width: 50px;
}

.dvcGlobalFooter .sectionSocialMedia .subSocialMediaCol .subSocialMediaSites .trackClick:focus {
    outline: 1px dotted;
    dispay: inline-block;
    outline-offset: 1px;
}

.dvcGlobalFooter .sectionSocialMedia .subSocialMediaCol .subSocialMediaSites a > img:focus {
    outline: 1px dotted;
}


/*!
 * Japanese Footer
 * ===================================================
 *
 */

#partialFooterJp {
    background-color: #fff;
    left: 0;
    margin-top: 20px;
    padding-bottom: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
}

#partialFooterJpQuestionsHelper {
    margin-top: 30px;
    margin-bottom: 20px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
}

#partialFooterJpQuestionsHelper p {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

#partialFooterJp .partialFooterJpBorder {
    display: block;
    background: #eee;
    background-image: url('/media/dvc_site/images/syndicated-footer-jp-border.gif');
    background-repeat: repeat-x;
    height: 3px;
}

#partialFooterJpHeader {
    padding: 20px 20px 0;
}

#partialFooterJpHeaderLogo {
    display: block;
    background-image: url('/media/dvc_site/images/syndicated-footer-jp-logo.gif');
    background-repeat: no-repeat;
    color: #333;
    height: 24px;
    overflow: hidden;
    text-decoration: none;
    text-indent: -9999px;
    width: 70px;
    margin: 0 auto 15px;

}

#partialFooterJpHeaderNav ul {
    float: none;
    margin-bottom: 0 !important;
    padding: 0;
    line-height: 1;
}

#partialFooterJpHeaderNav ul li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    border-left: 1px solid #959595;
    vertical-align: middle;
}

#partialFooterJpHeaderNav ul li:first-child {
    border-left: 0;
}

#partialFooterJpHeaderNav ul li:first-child {
    background-image: none;
}

#partialFooterJpHeaderNav ul li a,
#partialFooterJpHeaderNav ul li a:visited,
#partialFooterJpHeaderNav ul li a:link {
    padding: 1px 0 1px 8px;
    color: #8f8f8f;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}

#partialFooterJpHeaderNav ul li:first-child a {
    padding-left: 0;
}

#partialFooterJpHeaderNav ul li a:hover,
#partialFooterJpHeaderNav ul li a:focus {
    text-decoration: underline;
}

#partialFooterJpBody {
    display: block;
    background: #eee;
    clear: both;
}

#partialFooterJpBodyNav ul {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    line-height: 1;
    list-style-type: none;
}

#partialFooterJpBodyNav ul li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 0;
    border-left: 1px solid #959595;
    vertical-align: middle;
}

#partialFooterJpBodyNav ul li:first-child {
    border-left: 0;
}

#partialFooterJpBodyNav ul li a,
#partialFooterJpBodyNav ul li a:visited,
#partialFooterJpBodyNav ul li a:link {
    padding: 1px 0 1px 8px;
    color: #8f8f8f;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}

#partialFooterJpBodyNav ul li:first-child a {
    padding-left: 0;
}

#partialFooterJpBodyNav ul li a:hover,
#partialFooterJpBodyNav ul li a:focus {
    text-decoration:underline;
}

#partialFooterJpBodyNav ul li a.partialFooterJpBodyNavTerms {
    font-weight: bold;
}

#partialFooterJpFooter {
    clear: both;
    color: #8f8f8f;
    padding: 0 20px;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    text-align: center;
}

#partialFooterJpFooter p {
    color: #8f8f8f;
    font: Avenir,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 767px) {    
   #partialFooterJp {
    position: static;
   }
}

/**************************************************
 * Credit Card Payment Method - cvv.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: MACAK009 $
 * $Revision: #1 $
 * $Change: 1645255 $
 * $Date: 2016/09/28 $
 **************************************************/
 
.maskedCvv {
    -webkit-text-security: disc;
    text-security: disc;
    -mox-text-security:disc;
}

.snowball .formInputElement {
    margin-right: 40px
}
.snowball .formInputElement:last-child {
    margin-right: 0
}
.snowball .uiPlus .formInputElement {
    vertical-align: top
}
.snowball .uiPlus .formInputElement label {
    padding-left: 6px;
    line-height: inherit
}
.snowball .textInput {
    min-height: auto
}
.snowball .formInputElement .textInput input {
    margin: 3px 0 6px
}

.snowball .uiPlus .formInputElement {
    vertical-align: top;
    margin: 0 35px 10px 0;
}

.snowball.snowball .uiPlus .formInputElement label {
    padding-left: 6px;
    line-height: inherit
}

/**** Text Input ***/
.snowball .formInputElement .textInput input {
    padding: 2px 6px 5px 8px;
    font-size: 16px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: none;
    -webkit-appearance: none;
    margin: 0 0 10px 0;
    min-height: 13px
}

.snowball .textInput .textInputHint,
.snowball .formInputElement .textInput input {
    color: #8294aa
}

.snowball .textInput input.hasValue,
.snowball .textInput input:focus {
    color: #00233C;
    font-weight: normal;
}

.snowball .textInput input.hasValue:disabled,
.snowball .textInput input:disable:focus {
    color: #a1afc0;
}

.snowball .uiPlus .formInputElement .textInput input {
    border: 0 #a1afc0 solid;
    border-bottom-width: 2px
}

.snowball .textInput input::-ms-clear {
    display: none
}

.snowball .textInput {
    padding-top: 14px;
    position: relative
}

.snowball label+.textInput {
    padding-top: 0
}

.snowball .textInputHint+input {
    margin-bottom: 24px
}

.snowball .error .textInputHint+input {
    margin-bottom: 18px
}

.snowball .fieldHintElement .inlineErrors li {
    margin-top: 0
}

.snowball .textInput .textInputHint {
    font-size: 12px;
    position: absolute;
    top: 30px
}

.snowball .formInputElement .textInput input,.snowball .formInputElement .textInputHint {
    box-sizing: border-box;
    width: 100%
}

.snowball .formInputElement .textInput.xxlong input {
    width: 540px;
}

.snowball .formInputElement .textInput.xlong input {
    width: 436px;
}

.snowball .formInputElement .textInput.long input {
    width: 215px;
}

.snowball .formInputElement .medium.selectBox {
    width: 150px
}

.snowball .formInputElement .textInput.short input {
    width: 90px;
}

.snowball .formInputElement .textInput.xshort input {
    width: 50px;
}

.snowball .textInput {
    min-height: auto
}

.snowball .formInputElement .textInput input {
    margin: 0 0 6px
}

.snowball .uiPlus .textInput input::-webkit-input-placeholder { /* WebKit browsers */
    font-style: normal;
    color: #8294aa;
}

.snowball .uiPlus .textInput input:-ms-input-placeholder {
    font-style: normal;
    color: #8294aa;
}

.snowball .uiPlus .textInput input::-moz-placeholder {
    font-style: normal;
    color: #8294aa;
}

.snowball .uiPlus .textInput input:-moz-placeholder {
    font-style: normal;
    color: #8294aa;
}

/** Text Input State Hover **/

.snowball .uiPlus .formInputElement:hover:not(.hasErrors)  input[type=text],
.snowball .uiPlus .formInputElement.input-focus-no-value:not(.hasErrors)  input[type=text] {
    border-color: #00739a;
    color: #0086aa;
}

.snowball .uiPlus .formInputElement:hover:not(.hasErrors) .textInput input::-webkit-input-placeholder,
.snowball .uiPlus .formInputElement.input-focus-no-value:not(.hasErrors) .textInput input::-webkit-input-placeholder { /* WebKit browsers */
    color: #0086aa;
}

.snowball .uiPlus .formInputElement:hover:not(.hasErrors) .textInput input:-ms-input-placeholder,
.snowball .uiPlus .formInputElement.input-focus-no-value:not(.hasErrors) .textInput input:-ms-input-placeholder{
    color: #0086aa;
}

.snowball .uiPlus .formInputElement:hover:not(.hasErrors) .textInput input::-moz-placeholder,
.snowball .uiPlus .formInputElement.input-focus-no-value:not(.hasErrors) .textInput input::-moz-placeholder {
    color: #0086aa;
}

.snowball .uiPlus .formInputElement:hover:not(.hasErrors) .textInput input:-moz-placeholder,
.snowball .uiPlus .formInputElement.input-focus-no-value:not(.hasErrors) .textInput input:-moz-placeholder {
    color: #0086aa;
}

/** Text Input State Active / Focus / Has Value  **/
.snowball .uiPlus .formInputElement .textInput input.hasValue {
    border-color: #a1afc0;
}

.snowball .uiPlus .formInputElement:active input[type=text],
.snowball .uiPlus .formInputElement:focus input[type=text],
.snowball .uiPlus .formInputElement:hover input[type=text].hasValue,
.snowball .uiPlus .formInputElement.input-focus-has-value label,
.snowball .uiPlus .formInputElement.input-focus-has-value label:after {
    border-color: #00233C;
    color: #304d69;
}

.snowball .formInputElement label {
    padding-left: 8px;
    line-height: 14px;
    position: relative;
    z-index: 10;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif !important;
    font-size: 12px;
    font-weight: 400;
}

.snowball .formInputElement label,
.snowball .formInputElement label.required:after,
.snowball .formInputElement.active label,
.snowball .formInputElement.active label.required:after {
    color: #8294aa
}

.snowball .formInputElement.focus label,
.snowball .formInputElement.focus label.required:after {
    color: #00233C;
}

.snowball .formInputElement label.hidden {
    visibility: hidden
}

.snowball .formInputElement label.slide-up {
    animation: snowball-label-slide-up 1s ease
}

.snowball label i {
    font-style: normal;
}

@keyframes snowball-label-slide-up {
    from {
        top: 18px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.snowball .formInputElement label.slide-down {
    animation: snowball-label-slide-down 1s ease;
    animation-fill-mode: forwards;
    z-index: -1;
}

@keyframes snowball-label-slide-down {
    from {
        top: 0;
        opacity: 1
    }

    to {
        top: 18px;
        opacity: 0
    }
}

.snowball .formInputElement .inlineErrors,
.snowball .formInputElement label {
    box-sizing: border-box;
    width: 100%
}

.snowball .formInputElement {
    display: block
}

@media screen and (min-width: 769px) {
    .snowball .formInputElement {
        display:inline-block;
        vertical-align: top;
        width: initial
    }

    .snowball .formInputElement .inlineErrors {
        width: 250px
    }
}

/* CheckBox */

.snowball .richCheckBox .pepRichCheckboxPlugin .rich-checkbox,
.snowball .richCheckBox .pepRichCheckboxPlugin .rich-checkbox.selected {
    background-image: none;
}

.snowball .richCheckBox {
    display: inline-table
}

.snowball .richCheckBox .pepRichCheckboxPlugin {
    position: relative;
    margin-right: 10px
}

.snowball .richCheckBox .pepRichCheckboxPlugin .rich-checkbox {
    background: #FFF;
    border: 1px solid #8193a9;
    border-radius: 2px;
    box-shadow: none;
    display: inline-block;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.snowball .richCheckBox label .labelValue,.snowball.richCheckBox p {
    font-weight: normal
}

.snowball .richCheckBox label .labelValue {
    font-size: 14px
}

.snowball .richCheckBox p {
    margin: 5px 0 0 30px;
    font-size: 12px
}

.snowball .richCheckBox .rich-checkbox.selected {
    background-color: #6fa418;
    border: 1px solid #6fa418
}

.snowball .richCheckBox .rich-checkbox.selected::after {
    content: "\e241";
    font-family: "pepmdx2";
    font-size: 12px;
    line-height: 18px;
    margin-left: 2px;
    color: #FFF
}

.snowball .richCheckBox .rich-checkbox.selected.disabled::after {
    color: #a0aebf
}

.snowball .richCheckBox .rich-checkbox.disabled {
    background-color: #ebf1f3;
    border: 1px solid #a0aebf;
    cursor: default
}

.snowball .richCheckBox label.disabled,
.snowball .richCheckBox label.disabled+p,
.snowball .richCheckBox .rich-checkbox.disabled {
    opacity: .7
}

.snowball .richCheckBox .rich-checkbox:not(.disabled):focus,
.snowball .richCheckBox .rich-checkbox:not(.disabled):hover {
    border: 1px solid #58831B;
}

/* Radio */

.snowball .radio-success input[type=radio]+span::before {
    border: 1px solid #9da3b1;
    margin-top: 3px;
}

.snowball .radio-success input[type=radio]:checked+span::before,
.snowball .radio-success input[type=radio]:checked+span:hover::before{
    border: 5px solid #78ac31;
}

.snowball .radio-success input[type=radio]:checked+span::after {
    background-color: transparent;
}

.snowball .radio-success input[type=radio]+span:focus::before,
.snowball .radio-success input[type=radio]+span:hover::before {
    border: 1px solid #58831B;
}

.snowball .formInputElement .inlineErrors {
    position: static;
    white-space: normal
}

@media screen and (min-width: 769px) {
    .snowball .textInput input,.snowball .formInputElement .textInputHint,
    .snowball .textInput.emailLength input,
    .snowball .formInputElement.emailLength label,
    .snowball .formInputElement.emailLength .inlineErrors,
    .snowball .formInputElement.emailLength .textInputHint,
    .snowball .textInput.addressLength input,
    .snowball .formInputElement.addressLength label,
    .snowball .formInputElement.addressLength .inlineErrors,
    .snowball .formInputElement.addressLength .textInputHint {
        width:250px
    }

    .snowball .textInput.longName input,
    .snowball .formInputElement.longName label,
    .snowball .formInputElement.longName .inlineErrors,
    .snowball .formInputElement.longName .textInputHint {
        width: 350px
    }

    .snowball .textInput.shortNameOrNumber input,
    .snowball .formInputElement.shortNameOrNumber label,
    .snowball .formInputElement.shortNameOrNumber .inlineErrors,
    .snowball .formInputElement.shortNameOrNumber .textInputHint {
        width: 100px
    }

    .snowball .textInput.yearLength input,
    .snowball .formInputElement.yearLength label,
    .snowball .formInputElement.yearLength .inlineErrors,
    .snowball .formInputElement.yearLength .textInputHint {
        width: 65px
    }

    .snowball .textInput.oneChar input,
    .snowball .formInputElement.oneChar label,
    .snowball .formInputElement.oneClar .inlineErrors,
    .snowball .formInputElement.oneChar .textInputHint {
        width: 50px
    }

    .snowball .textInput.sentenceLength input,
    .snowball .formInputElement.sentenceLength label,
    .snowball .formInputElement.sentenceLength .inlineErrors,
    .snowball .formInputElement.sentenceLength .textInputHint {
        width: 500px
    }

}
/** Select Box **/
.snowball .selectBox {
    margin: 0 0 10px
}

.snowball .selectBox,
.snowball .selectBox .select-value,
.snowball .selectBox .selectBox-nojs .inputElement,
.snowball .selectBox .selectOption,
.touch .responsive .snowball .selectBox-nojs .inputElement {
    font-size: 16px
}

.snowball .selectBox.status-open .select-toggle:hover>span.select-value,
.snowball .selectBox.status-open .select-toggle>span.select-value,
.snowball .selectBox.status-open.status-has-value .select-toggle:hover>span.select-value,
.snowball .selectBox.status-open.status-has-value .select-toggle>span.select-value {
    font-style: normal;
}

.snowball .selectBox .listWrapper,
.snowball .selectBox .select-toggle,
.snowball .selectBox-nojs,
.snowball .uiPlus .selectBox.focus,
.snowball .uiPlus .selectBox.focus .select-toggle,
.snowball .selectBox.focus,
.snowball .selectBox.focus .select-toggle,
.uiPlus .formInputElement.disabled.snowball .selectBox .select-toggle,
.uiPlus .formInputElement.disabled.snowball .selectBox-nojs,
.snowball .formInputElement.disabled .selectBox .select-toggle,
.snowball .formInputElement.disabled .selectBox-nojs,
.snowball .uiPlus .hasErrors .standardFormElement .select-toggle,
.snowball .uiPlus .hasErrors .standardFormElement .selectBox-nojs,
.snowball .uiPlus .hasErrors .standardFormElement .listWrapper,
.snowball .uiPlus .hasErrors .standardFormElement.status-open .select-toggle,
.snowball .hasErrors .standardFormElement .select-toggle,
.snowball .hasErrors .standardFormElement .selectBox-nojs,
.snowball .hasErrors .standardFormElement .listWrapper,
.snowball .hasErrors .standardFormElement.status-open .select-toggle,
.uiPlus .hasErrors.snowball .standardFormElement.focus .select-toggle,
.snowball .hasErrors .standardFormElement.focus .select-toggle,
.snowball .uiPlus .hasErrors .standardFormElement .selectBox-nojs {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.snowball .selectBox,
.snowball .selectBox .select-toggle:hover .select-value,
.snowball .selectBox .select-toggle:focus .select-value,
.snowball.selectBoxElement.focus label,
.snowball .selectBox.standardFormElement.status-open .richSelectArrowIcon:after,
.snowball .selectBox .selectOption {
    color: #00233C;
    font-weight: normal;
}

.snowball .selectBox.status-open,
.snowball .selectBox.status-open .select-value,
.snowball .selectBox.status-open .select-toggle:hover .select-value,
.snowball .selectBox.status-open .select-toggle:focus .select-value,
.snowball.nonSelected .selectBox .select-value,
.snowball.nonSelected .selectBox .select-toggle:hover .select-value,
.snowball.nonSelected .selectBox .select-toggle:focus .select-value,
.snowball.selectBoxElement.mobileDevice .maskLabel,
.snowball .mobileDevice.disabled .selectBox-nojs .inputElement {
    color: #8294aa
}

.snowball.selectBoxElement select {
    font-family: Avenir,Helvetica,Arial,sans-serif
}

.snowball .selectBox-nojs .inputElement {
    padding: 0 25px 2px 9px
}

.snowball.mobileDevice .selectBox-nojs,
.snowball .selectBox .select-toggle {
    height: 26px
}

.snowball .dvui-fieldset .selectBox .select-toggle .select-value {
    font-size: 16px;
}

.snowball .dvui-fieldset .disabled .selectBox .select-toggle .select-value {
    color: #a1afc0;
}

.snowball .uiPlus .formInputElement .textInput input.hasValue:-moz-read-only{ /* For Firefox */
    border-color: #a1afc0;
}

.snowball .uiPlus .formInputElement .textInput input.hasValue:read-only {
    border-color: #a1afc0;
}

.snowball .textInput input.hasValue:-moz-read-only,
.snowball .textInput input:focus:-moz-read-only {
    color: #a1afc0;
}

.snowball .uiPlus .formInputElement .textInput.error input.hasValue:-moz-read-only{ /* For Firefox */
    border-color: #ff4605;
}

.snowball .uiPlus .formInputElement .textInput.error input.hasValue:read-only {
    border-color: #ff4605;
}

.snowball .textInput.error input.hasValue:-moz-read-only,
.snowball .textInput.error input:focus:-moz-read-only {
    color: #ff4605;
}

.snowball .textInput.error input.hasValue:read-only,
.snowball .textInput.error input:focus:read-only {
    color: #ff4605;
}

.snowball .selectBox.status-open .select-value,
.snowball .selectBox .select-value.unselectedValue,
.snowball .selectBox.focus.status-open .select-toggle .select-value {
    font-style: normal
}

.snowball .selectBox.status-open .shadow-mask {
    z-index: 0
}

.snowball.selectBoxElement .required:after,
.snowball .uiPlus .hasErrors.formInputElement.selectBoxElement label.required:after,
.snowball .uiPlus .hasErrors.formInputElement.selectBoxElement label.required.sharedError:after,
.snowball .jsvfElement.selectBoxElement .error.required:after,
.snowball .jsvfElement.selectBoxElement .error>.required:after,
.snowball .jsvfElement.selectBoxElement .hasErrors.required:after,
.snowball .jsvfElement.selectBoxElement .hasErrors>.required:after,
.snowball .selectBoxElement label.required.hasErrors:after {
    content: normal
}

.snowball.selectBoxElement .required .labelValue:after,
.snowball.selectBoxElement .required+.selectBox .select-value.emptyOption:after,
.snowball.selectBoxElement .required+.selectBox .maskLabel:after {
    content: "*"
}

.snowball.selectBoxElement .maskLabel {
    position: absolute;
    top: 3px;
    left: 0;
    margin-left: 8px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 30px);
    background-color: #FFF
}

.snowball.selectBoxElement.short ,
.snowball.selectBoxElement .short {
    font-size: inherit;
    line-height: inherit
}

.snowball.selectBoxElement.formInputElement,
.snowball .selectBox {
    width: 100%
}

.snowball .selectBox .select-value {
    max-width: 86%;
    left: 8px
}

.snowball .selectBoxElement label .labelValue {
    opacity: 0
}

.snowball .selectBoxElement.selected label .labelValue {
    opacity: 1
}

.snowball .selectBox.standardFormElement .richSelectArrowIcon {
    background-image: none
}

.snowball .selectBox.standardFormElement .richSelectArrowIcon:after {
    font-family: "pepmdx2";
    content: "\e316";
    width: 13px;
    height: 13px;
    color: #8294aa;
    position: absolute;
    font-size: 14px;
    right: 0;
    top: -7px;
}

.snowball .selectBox .listWrapper {
    border: solid 2px #dfdfdf;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 100%;
    padding: 5px 0
}

.snowball .selectBox.popup .listWrapper {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    transform: translateY(-25px)
}

.snowball .selectBox .selectOption {
    line-height: 20px;
    padding: 11px 6px 10px 8px
}

.snowball .selectBox .selectOption:focus,
.snowball .selectBox .selectOption.emptyOption:focus,
.snowball .selectBox .selectOption.highlighted {
    background-color: #00233C;
    color: #FFF
}

.snowball .selectBox .selectOption.emptyOption,
.snowball .uiPlus .standardFormElement.error .listWrapper li.emptyOption {
    color: #8294aa
}

.snowball .selectBox .scrollbarTrack {
    background-color: transparent
}

.snowball .selectBox ::-webkit-scrollbar {
    width: 4px
}

.snowball .selectBox ::-webkit-scrollbar-track {
    background-color: #FFF
}

.snowball .selectBox ::-webkit-scrollbar-thumb {
    background-color: #dfdfdf
}

.snowball .selectBox .select-value,
.snowball .uiPlus .formInputElement.selectBoxElement label,
.snowball.selectBoxElement label,
.snowball .selectBox-nojs select,.snowball .selectBox .shadow-mask {
    display: none
}

.snowball .selectBox .select-value {
    margin-top: -5px;
}

.snowball .selectBox .select-toggle .select-value {
    font-style: normal;
}

.uiPlus .formInputElement.snowball.selectBoxElement.initialized label,
.snowball.selectBoxElement.initialized label,.snowball.initialized .selectBox .select-value {
    display: block
}

.snowball .initialized .selectBox-nojs select {
    display: inline-block
}

.snowball .selectBoxElement.initialized.hasEmptyValue.nonSelected label .labelValue {
    animation: snowball-label-slide-down 1s ease;
    animation-fill-mode: forwards;
    position: relative
}

.snowball .selectBoxElement.initialized.hasEmptyValue.selected label .labelValue {
    animation: snowball-label-slide-up 1s ease;
    position: relative
}

.snowball .selectBox.status-open .innerListWrapper {
    animation-name: fadeIn;
    animation-duration: .6s
}

.snowball .selectBox.status-closed .innerListWrapper {
    animation-name: fadeOut;
    animation-duration: .6s
}

.snowball .uiPlus .hasErrors .standardFormElement .select-toggle,
.snowball .uiPlus .hasErrors .standardFormElement .selectBox-nojs,
.snowball .hasErrors .standardFormElement .select-toggle,
.snowball .hasErrors .standardFormElement .selectBox-nojs,
.snowball .hasErrors .standardFormElement .selectBox-nojs {
    border-color: #ff4605
}

.snowball .uiPlus .hasErrors .standardFormElement.status-open .select-toggle,
.snowball .uiPlus .hasErrors .standardFormElement.status-open .selectBox-nojs,
.snowball .hasErrors .standardFormElement.status-open .select-toggle,
.snowball .hasErrors .standardFormElement.status-open .selectBox-nojs {
    border-color: #dfdfdf
}

.uiPlus .snowball .selectBox.standardFormElement.error {
    margin-bottom: 10px
}

.selectBoxElement .inlineErrors .labelValue {
    line-height: inherit
}

.snowball .uiPlus .formInputElement.disabled .selectBox .select-toggle,
.snowball .uiPlus .formInputElement.disabled  .selectBox-nojs,
.snowball .formInputElement.disabled .selectBox .select-toggle,
.formInputElement.disabled .selectBox-nojs {
    border-color: #a1afc0
}

.selectBoxElement li.selectOption.disabled {
    color: #8294aa;
    font-style: italic
}

.snowball .selectBox .select-toggle,
.snowball .selectBox-nojs {
    background: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: solid 2px #a1afc0;
    line-height: normal;
    margin-top: 9px;
}

.snowball .selectBox.popup.status-open .select-toggle {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top: 0;
    border-color: #00233C;
}

/*Select Box Hover State */

.snowball .select-box-focus:not(.hasErrors) .selectBox .select-toggle {
    border-color: #00739a;
}

.snowball .select-box-focus:not(.hasErrors) .selectBox.standardFormElement.status-has-value .richSelectArrowIcon:after,
.snowball .select-box-focus:not(.hasErrors) .selectBox .richSelectArrowIcon:after {
    color: #0086aa;
}

.snowball .select-box-focus:not(.hasErrors) label,
.snowball .select-box-focus:not(.hasErrors) label:after,
.snowball .select-box-focus:not(.hasErrors) .select-toggle .select-value {
    color: #0086aa;
}

/* Select Box Active/Selected State */

.snowball .status-has-value .select-toggle {
    border-color: #a1afc0
}

.snowball .focus .selectBox .select-toggle,
.snowball .focus .selectBox-nojs,
.snowball .selected .selectBox .select-toggle,
.snowball .selected .selectBox-nojs,
.snowball .status-has-value .selectBox-nojs,
.snowball .selectBox .selectOption.over,
.snowball .focus.selectBox .select-toggle,
.snowball .selectBox .select-toggle:active,
.snowball .selectBox .select-toggle:focus {
    border-color: #00233C
}

.snowball .selectBox.standardFormElement.status-has-value .richSelectArrowIcon:after,
.snowball .selectBox.standardFormElement.status-has-value:active .richSelectArrowIcon:after,
.snowball .selectBox:active .richSelectArrowIcon:after,
.snowball .dvui-fieldset .selectBox:active .select-toggle .select-value,
.snowball .selectBox.standardFormElement.status-has-value:focus .richSelectArrowIcon:after,
.snowball .selectBox:focus .richSelectArrowIcon:after,
.snowball .select-box-focus:focus label,
.snowball .select-box-focus:focus label:after,
.snowball .select-box-focus:focus .select-toggle .select-value,
.snowball .dvui-fieldset .selectBox.focus.status-open .select-toggle .select-value,
.snowball .dvui-fieldset .select-box-open label,
.snowball .dvui-fieldset .select-box-open label:after,
.snowball .dvui-fieldset .selectBox.focus.status-open:not(.error) .richSelectArrowIcon:after {
    color: #304d69;
}

/*Select Box Error State */
.snowball .dvui-fieldset .selectBox.error .select-toggle .select-value {
    color: #ff4605;
}

.snowball .selectBox.error .richSelectArrowIcon:after,
.snowball .selectBox.error .richSelectArrowIcon:after {
    color: #ff5e00
}


@media screen and (min-width: 769px) {
    .snowball .selectBoxElement.formInputElement {
        width:auto
    }

    .snowball .selectBoxElement label {
        line-height: 14px
    }

    .snowball .short .selectBox {
        width: 100px
    }

    .snowball .medium .selectBox {
        width: 150px
    }

    .snowball .long .selectBox {
        width: 214px
    }

    .snowball .short .nonSelected .selectBox .select-value {
        max-width: 68px
    }

    .snowball .medium .nonSelected .selectBox .select-value {
        max-width: 118px
    }

    .snowball .long .nonSelected .selectBox .select-value {
        max-width: 182px
    }

    .snowball .selectBox .select-toggle>span.select-value {
        top: 2px;
    }

}

.snowball input[type=text],
.snowball input[type=email],
.snowball input[type=password],
.snowball input.text,
.snowball input.title,
.snowball textarea,
.snowball select {
    background: transparent;
}

.snowball .dvcss-content-title {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 30px;
}

.snowball .dvcss-content-header {
    padding: 25px 20px 20px;
    position: relative;
}

.snowball .panel {
    border: none;
}

.snowball .content-section {
    padding: 0 10px;
}

.snowball .form-section {
    border-bottom: 1px #E2E7EC solid;
    padding:40px 0;
}

.snowball .form-section:last-child {
    border-bottom: none;
}

.snowball .panel-default>.panel-heading {
    background: none;
    padding: 20px 20px 26px;
    border: none;
    border-bottom: 1px #E2E7EC solid;
}

.snowball > .panel-heading .form-heading .form-group {
    margin-bottom: 0;
}

.snowball > .panel-heading .form-heading .media-body .form-group .formInputElement label {
    display: inline-block;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-right: 3px;
}

.snowball > .panel-heading .form-heading .media-right .form-group {
    white-space: nowrap;
}

.snowball > .panel-heading .form-heading .media-right .form-group .formInputElement label {
    display: inline-block;
    position: relative;
    top: -1px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-right: 5px;
}

.snowball > .panel-heading .form-heading .form-group .formInputElement .selectBox {
    top: 0;
    margin: 0;
    display: block;
}

.snowball > .panel-body {
    padding: 12px 20px 20px;
}

.snowball .text-fade {
    color: #8294aa;
}
.snowball .text-label {
    color: #8294aa;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.snowball .main-text {
    font-weight: 600;
}

.snowball .sub-text {
    font-size: 12px;
}

.snowball .dvcss-panel-form-footer-actions {
    border-top: 1px #E2E7EC solid;
    padding: 10px 0 30px;
}

.snowball .footer-action-buttons {
    margin: 10px 20px;
}

.snowball h2 {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
    font-weight: 600;
    line-height: 24px;
    font-size: 24px;
}

.snowball .sub-text-header {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
    font-size: 18px;
    font-weight: 600;
}

.snowball .profile-section,
.snowball .profile-section-last {
    padding-bottom: 50px;
    margin-top: 40px;
}

.snowball .col-sm-4,
.snowball .col-sm-8,
.snowball .col-sm-6 {
    padding: 0;
}

.snowball .contracts {
    margin-top: 15px;
}

.snowball .contracts .form-group {
    margin: 0;
}

.snowball .membership-info {
    margin-bottom: 20px;
}

/*** Single Membership ***/

.snowball > .panel-heading .form-heading .form-group.singleMembership {
    margin-bottom: -1px;
}

.snowball > .panel-heading .form-heading .form-group.singleMembership label {
    margin-right: 3px;
}

.snowball > .panel-heading .form-heading .form-group.singleMembership label,
.snowball > .panel-heading .form-heading .form-group.singleMembership span,
.snowball > .panel-heading .form-heading .form-group.singleMembership .membershipIdValue,
.snowball .contracts-information {
    display: inline;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
}

.snowball .header-border-bottom {
    border-bottom: 1px #E2E7EC solid;
}

.snowball .uiPlus .datePicker {
    width: 150px;
}

/** Tablet **/
@media only screen
   and (min-device-width : 768px)
   and (max-device-width : 1024px)
   and (orientation : portrait) {
    .snowball .referal-name .formInputElement .textInput.long input {
        width: 155px;
    }

    .snowball .uiPlus .referal-name #nameSuffixid-base {
        margin-right: 0;
    }
}

/* Mobile only */
@media screen and (max-width: 767px) {
    body.mobile-no-bg {
        background-image: none;
        background-color: #fff;
    }

    body.mobile-no-bg .dvcss-container {
        padding: 0;
    }

    .snowball > .panel-heading {
        padding: 5px 10px 20px;
    }

    .snowball > .panel-heading .form-heading .media-body {
        display: block;
    }

    .snowball > .panel-heading .form-heading .media-right {
        display: block;
        padding-left: 0;
        white-space: normal;
    }

    .snowball > .panel-heading .form-heading .form-group .formInputElement {
        margin-bottom: 16px!important;
    }

    .snowball > .panel-heading .form-heading .media-right .form-group .stmtStaticContainer {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        color: #00233C;
    }

    .snowball > .panel-heading .form-heading .media-body .form-group .formInputElement label,
    .snowball > .panel-heading .form-heading .media-right .form-group .formInputElement label,
    .snowball > .panel-heading .form-heading .media-right .form-group .stmtStaticContainer label {
        display: block;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    .snowball > .panel-heading .form-heading .statementYearFormGroup .formInputElement .selectBox {
        width: 90px;
    }

    .snowball > .panel-body {
        padding: 0 0 10px;
    }

    .snowball .dvcss-content-title {
        font-size: 24px;
        color: #333;
        line-height: 1;
        margin: 16px 0;
    }

    .snowball h2 {
        font-size: 18px;
        line-height: 20px;
    }

    .snowball .sub-text-header {
        font-size: 14px;
    }
    .snowball .dvcss-content-header {
        padding-left: 10px;
        padding-right: 10px;
    }

    .snowball .dvcss-page-header {
        padding: 0 10px;
    }

    .snowball .dvcss-content-header .dvcss-content-text {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        max-width: none;
    }

    .snowball .formInputElement .selectBox,
    .snowball .formInputElement .selectBox.xxlong,
    .snowball .formInputElement .selectBox.xlong,
    .snowball .formInputElement .selectBox.long,
    .snowball .formInputElement .selectBox.short,
    .snowball .formInputElement .textInput input,
    .snowball .formInputElement .textInput.xxlong input,
    .snowball .formInputElement .textInput.xlong input,
    .snowball .formInputElement .textInput.long input,
    .snowball .formInputElement .textInput.short input,
    .snowball .formInputElement .textInput.xshort input {
        width: 100%;
    }

    .snowball .selectBox {
        margin: 0;
    }

    .snowball .selectBox .select-toggle {
        padding: 20px;
    }
    .snowball .selectBox .select-toggle .select-value {
        margin-top: 15px;
        line-height: normal;
    }
    .snowball .selectBox.standardFormElement .richSelectArrowIcon,
    .snowball .selectBox.large .richSelectArrowIcon,
    .snowball .selectBox.longAvatar .richSelectArrowIcon {
        top: 18px!important;
}
.snowball .uiPlus .datePicker {
        width: 100%;
    }
}

/** Buttons **/

.snowball.button.primary {
    background-color: #6fa623;
    color: #FFF
}
.snowball.button.primary:hover,
.snowball.button.primary:focus,
.snowball.button.primary:active {
    background-color: #57821b
}
.snowball.button.call-to-action {
    background-color: #1994d7;
    color: #FFF
}
.snowball.button.call-to-action:hover,
.snowball.button.call-to-action:focus,
.snowball.button.call-to-action:active {
    background-color: #253b65
}
.snowball.button.navigation {
    background-color: #6fa624;
    color: #FFF
}
.snowball.button.navigation:hover,
.snowball.button.navigation:focus,
.snowball.button.navigation:active {
    background-color: #57821b
}
.snowball.button.secondary {
    background-color: #6fa624;
    color: #FFF
}
.snowball.button.secondary:hover,
.snowball.button.secondary:focus,
.snowball.button.secondary:active {
    background-color: #57821b
}
.snowball.button.primary,
.snowball.button.call-to-action,
.snowball.button.navigation,
.snowball.button.secondary {
    padding: 0;
    margin: 0 0 25px;
    font-size: 16px;
    width: 228px;
    height: 44px;
    line-height: 20px;
    border-radius: 2px;
    font-weight: bold
}
.snowball.button.primary:hover,
.snowball.button.primary:focus,
.snowball.button.primary:active,
.snowball.button.call-to-action:hover,
.snowball.button.call-to-action:focus,
.snowball.button.call-to-action:active,
.snowball.button.navigation:hover,
.snowball.button.navigation:focus,
.snowball.button.navigation:active,
.snowball.button.secondary:hover,
.snowball.button.secondary:focus,
.snowball.button.secondary:active {
    cursor: pointer;
    transition: background .2s linear
}
.snowball .btn {
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    background-image: none;
    border: 2px solid;
    border-radius: 2px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    transition: background .1s linear, border-color .1s linear;
    width: 100%;
    height: 44px;
}
.snowball .btn:disabled {
    cursor: default
}
.snowball a.btn.disabled {
    pointer-events: none
}
.snowball .btn-primary {
    background-color: #1994d7;
    border-color: #1994d7;
    color: #FFF
}
.snowball a.btn-primary.disabled,
.snowball .btn-primary:disabled {
    background-color: #8cc9eb;
    border-color: #8cc9eb
}
.snowball a.btn-primary:not(.disabled):hover,
.snowball .btn-primary:focus,
.snowball .btn-primary:hover:enabled,
.snowball a.btn-secondary:not(.disabled):hover,
.snowball .btn-secondary:focus,
.snowball .btn-secondary:hover:enabled {
    background-color: #00233C;
    border-color: #00233C;
    color: #FFF
}
.snowball .btn-secondary {
    background-color: #FFF;
    border-color: #8cc9eb;
    color: #1994d7
}
.snowball a.btn-secondary.disabled,
.snowball .btn-secondary:disabled {
    background-color: #FFF;
    border-color: #e2f1fa;
    color: #8cc9eb
}
.snowball .btn-tertiary {
    background-color: #e9f2f7;
    border-color: #e9f2f7;
    color: #1994d7;
    height: 33px;
    line-height: 32px
}
.snowball a.btn-tertiary.disabled,
.snowball .btn-tertiary:disabled {
    background-color: #f9fbfd;
    border-color: #f9fbfd;
    color: #8cc9eb
}
.snowball a.btn-tertiary:not(.disabled):hover,
.snowball .btn-tertiary:focus,
.snowball .btn-tertiary:hover:enabled {
    background-color: #8294aa;
    border-color: #8294aa;
    color: #FFF
}

.snowball .uiPlus .datePicker .ui-datepicker-trigger {
    top: auto;
    right: -3px;
    bottom: 12px;
}

@media screen and (min-width:768px) {
    .snowball .btn {
        width: 250px;
        height: 44px;
        line-height: 30px
    }
}

.snowball .hidden-label {
    visibility: hidden;
}

/** Centered Form Style **/

.snowball .dvc-centered-form {
    width: 400px;
    margin: 0 auto;
    font-family: Avenir-Roman,Avenir,Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #00233C;
}

.snowball .dvc-centered-form  p,
.snowball .dvc-centered-form .radio-label,
.snowball .dvc-centered-form .richCheckBox+label {
    font-size: 16px;
    color: #00233C;
    line-height: 24px;
}
.snowball .dvc-centered-form .long,
.snowball .dvc-centered-form .long input,
.snowball .dvc-centered-form .textInput.long input{
    width: 100%;
}

.snowball .dvc-centered-form .form-field-set .medium,
.snowball .dvc-centered-form .form-field-set .medium input{
    width: 153px !important;
}

.snowball .dvc-centered-form .richCheckBox + label {
    display: inline;
}

.snowball .dvc-centered-form .formInputElement {
    margin-left: 0;
    margin-right: 0;
}

.snowball .dvc-centered-form .section-main-header {
    font-size: 24px;
    font-family: Avenir-light,Avenir,Helvetica,Arial,sans-serif;
    color: #00233C;
}

.snowball .dvc-centered-form  .section-sub-header {
    font-size: 20px;
    font-family: Avenir-heavy,Avenir,Helvetica,Arial,sans-serif;
    color: #00233C;
    margin-top: 50px;
}

.snowball .dvcCalendar {
    width: 240px;
    margin: 20px auto 30px;
}

.snowball .dvcCalendar .fc-view-container {
    border: 1px solid #D0D7DE;
    padding: 15px;
}

.snowball .dvcCalendar.fc button[disabled] {
    background-color: #fff;
}

.snowball .dvcCalendar table {
    border-collapse: separate;
    border-spacing: 0;
    min-height: 0;
    margin-bottom: 0;
}

.snowball .dvcCalendar td {
    border-color: #fff;
}

.snowball .dvcCalendar .fc-toolbar {
    margin-bottom: 0;
}

.snowball .dvcCalendar .fc-toolbar .fc-center {
    display: block;
}

.snowball .dvcCalendar .fc-toolbar h2 {
    float: none;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
    font-size: 14px;
    line-height: 18px !important;
    padding-bottom: 5px;
    text-align: center;
    color: #00233C;
    line-height: 20px;
    padding-top: 12px;
}

.snowball .dvcCalendar .fc-toolbar .fc-right {
    margin-right: 10px
}
.snowball .dvcCalendar .fc-toolbar .fc-left {
    margin-left: 10px;
}

.snowball .dvcCalendar .fc-toolbar h2 strong {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.snowball .dvcCalendar .fc-view-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.snowball .dvcCalendar .fc-day-grid-container td {
    border: 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.snowball .dvcCalendar .fc-day-grid-container td:first-child {
    border-left: 1px solid #fff;
}

.snowball .dvcCalendar .fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header {
    border-bottom: 1px solid #ddd;
    margin-bottom: 9px;
}

.snowball .dvcCalendar .fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header table {
    margin-bottom: 9px;
}

.snowball .dvcCalendar .fc-month-view > table > thead > tr > td.fc-widget-header .fc-row.fc-widget-header table th.fc-day-header {
    color: #78899e;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
}
.snowball .dvcCalendar .fc-row {
    height: auto !important;
}
.snowball .dvcCalendar .fc-day-link {
     color: #00739A;
}
.snowball .dvcCalendar .fc-row .fc-content-skeleton {
    padding-bottom: 0;
}
.snowball .dvcCalendar .fc-row .fc-content-skeleton table tbody td {
    display: none;
}
.snowball .dvcCalendar .fc-day {
    cursor: pointer;
    color: #A1AFC0;
}

.snowball .dvcCalendar .fc-day:after {
    display: none;
}

.snowball .dvcCalendar .fc-day:hover .fc-day-link,
.snowball .dvcCalendar .fc-day .fc-day-link:focus {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    border: 2px solid #00233C;
}

/** IE10+ only **/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .snowball .dvcCalendar .fc-day:hover .fc-day-link,
    .snowball .dvcCalendar .fc-day .fc-day-link:focus {
        position: relative;
    }
}

/**  Firefox only **/
@-moz-document url-prefix() {
    .snowball .dvcCalendar .fc-day:hover .fc-day-link,
    .snowball .dvcCalendar .fc-day .fc-day-link:focus {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: auto;
        width: auto;
    }
}

.snowball .dvcCalendar .fc-day.fc-past {
    cursor: default;
}

.snowball .dvcCalendar .fc-bg .fc-day.fc-before-min-check-in:before {
    background: none;
    border-color: #fff;
}

.snowball .dvcCalendar .fc-day-number {
    background-color: #fff;
    color: #00739a;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 6px 8px;
    text-align: center;
}

.snowball .dvcCalendar .fc-day-number.selectable {
    background-color: #ebf6fc;
    color: #00739a;
}

.snowball .dvcCalendar .fc-day-number.selected {
    background-color: #00233C;
    color: #fff;
}

.snowball .dvcCalendar .fc-day-number.fc-past,
.snowball .dvcCalendar .fc-day-number.fc-before-min-check-in,
.snowball .dvcCalendar .fc-day-number.fc-after-max-check-in {
    color: #a1afc0;
}

.snowball .dvcCalendar .fc-day-number.fc-after-max-check-in.selectable,
.snowball .dvcCalendar .fc-day-number.fc-after-max-check-in.date-selectable {
    color: #00739a;
}

.snowball .dvcCalendar .fc-day-number.fc-after-max-check-in.selected {
    color: #fff;
}

.snowball .dvcCalendar .fc button .fc-icon {
    font-size: 20px;
}

.snowball .dvcCalendar .fc-day-number.fc-other-month {
    visibility: hidden;
}

.snowball .dvc-centered-form .selectBox .select-toggle,
.snowball .dvc-centered-form .selectBox-nojs {
    margin-top: 2px;
}

.snowball .dvc-centered-form .formInputElement i.peptasia-calendar,
.snowball .dvc-centered-form .formInputElement i.peptasia-calendar {
    color: #00739A;
}

.snowball .dvc-centered-form .formInputElement:hover i.peptasia-calendar,
.snowball .dvc-centered-form .formInputElement:focus i.peptasia-calendar {
     color: #00233C;
}

.snowball .dvc-centered-form .formInputElement .error i.peptasia-calendar,
.snowball .dvc-centered-form .formInputElement:hover .error i.peptasia-calendar,
.snowball .dvc-centered-form .formInputElement:focus .error i.peptasia-calendar {
    color: #ff4605;
}

.snowball .dvc-centered-form .formInputElement label,
.snowball .dvc-centered-form .formInputElement label.required:after,
.snowball .dvc-centered-form .formInputElement.active label,
.snowball .dvc-centered-form .formInputElement.active label.required:after {
    color: #78899E;
}

.snowball .dvc-centered-form .richCheckBox {
    float: left;
}

.snowball .dvc-centered-form .richCheckBox.hasErrors+label {
    color: #FF4605;
}

.snowball .richCheckBox.hasErrors .pepRichCheckboxPlugin .rich-checkbox {
    border-color: #FF4605;
}

.snowball .dvc-centered-form .richCheckBox+label {
    margin-left: 30px;
    display: block;
}

.snowball .dvc-centered-form .radio>span {
    width: 100%;
    display: inline;
}

.snowball .formInputElement label.hasErrors,
.snowball .uiPlus .formInputElement.input-focus-has-value label.hasErrors,
.snowball .formInputElement label.hasErrors.required:after {
    color: #ff4605
}

/** Text Input State Error **/
.snowball .formInputElement.hasErrors .textInput input {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-outline: 0;
    -moz-outline: 0;
    outline: 0
}

.snowball .uiPlus .formInputElement.hasErrors .textInput input,
.snowball .uiPlus .formInputElement .textInput.error input {
    border-color: #ff4605;
    color: #ff4605;
}

.snowball .uiPlus .textInput.error input::-webkit-input-placeholder { /* WebKit browsers */
    color: #ff4605;
}

.snowball .uiPlus .textInput.error input:-ms-input-placeholder {
    color: #ff4605;
}

.snowball .uiPlus .textInput.error input::-moz-placeholder {
    color: #ff4605;
}

.snowball .uiPlus .textInput.error input:-moz-placeholder {
    color: #ff4605;
}

@media screen and (max-width: 767px) {
    .snowball .dvc-centered-form {
        width: 100%;
    }
    .snowball .dvc-centered-form .selectBox .select-toggle {
        padding: 0 20px 0;
    }
    .snowball .dvc-centered-form .selectBox .select-toggle .select-value {
        margin-top: 2px;
    }
    .snowball .dvc-centered-form .selectBox.large .richSelectArrowIcon,
    .snowball .dvc-centered-form .selectBox.longAvatar .richSelectArrowIcon,
    .snowball .dvc-centered-form .selectBox.standardFormElement .richSelectArrowIcon {
        top: 2px!important;
    }
    .snowball .dvcCalendar .fc-toolbar h2 {
        font-size: 18px;
    }
    .snowball .dvcCalendar .fc-day-number {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 18px;
    }

}




/**************************************************
 * Landing / Home - landing.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/

#workspace .partialLandingCarousel {
    min-height: 400px;
    overflow: hidden;
}

/* mobile only */
@media screen and (max-width: 767px) {

    #workspace .partialLandingCarousel {
        margin: 0;
        position: relative;
        min-height: 100px;
    }

    #partialLandingCarousel .mediaEngineContainer .mediaSlider > ul.slidesHolder > .slide > .slideTitle {
        display: none;
    }

    #partialLandingCarousel .mediaEngineContainer .mediaSlider > ul.slidesHolder > .slide.selected > .slideTitle {
        display: block;
    }

}


/*------------------------------
 * Landing Marketing Content
 *------------------------------*/

#partialLandingMarketing {
    text-align: left;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#partialLandingMarketing h1 {
    font-size: 24px;
}

#partialLandingMarketing h3 {
    font-size: 18px;
}

/* mobile version */
@media screen and (max-width: 767px) {

    #partialLandingMarketing {
        margin: 0;
    }

}

/* Small Tablet Landscape/Portrait 768x912 */
/* @TODO: Preparation for DVCP-425 */
@media screen and (min-width: 768px) and (max-width: 799px) {
    .promosLink {
        max-width: 253px;
    }

    .promosLinkFourItem {
        padding: 0;
        max-width: 265px;
    }
}

@media screen and (min-width: 800px) and (max-width: 840px) {
    .promosLink {
        max-width: 264px;
    }

    .promosLinkFourItem {
        padding: 0;
        max-width: 290px;
    }
}

@media screen and (min-width: 841px) and (max-width: 880px) {
    .promosLink {
        max-width: 278px;
    }

    .promosLinkFourItem {
        padding: 0;
        max-width: 295px;
    }
}

@media screen and (min-width: 881px) and (max-width: 912px) {
    .promosLink {
        max-width: 291px;
    }

    .promosLinkFourItem {
        padding: 0;
        max-width: 310px;
    }
}

@media screen and (min-width: 913px) {
    .promosLinkFourItem {
        padding: 0;
        max-width: 225px;
    }
}

@media screen and (min-width: 768px) {

    .promos {
        clear: both;
        margin: 3px auto 0 auto;
        max-width: 100%;
        min-height: 110px;
    }

    .promosLink {
        text-align: left;
        margin: 0 0 9px 0;
    }

    .promosLink a {
        text-decoration: none;
    }

    .promoTileLink:hover .promoTileBriefDescription,
    .promoTileLink:focus .promoTileBriefDescription {
        color: #00739a;
    }

    .promoTileImage {
        width: 87px;
        height: 87px;
        margin: 7px;
    }

    .promoTileContainer {
        display: table;
        margin: 0;
        padding: 0;
        font-weight: normal;
        margin: 0;
    }

    .promoTileContainer dt {
        display: table-cell;
        vertical-align: middle;
    }

    .promoTileBriefDescription {
        color: #253b56;
        font-family: Avenir-light;
        font-size: 16px;
        font-weight: normal;
        line-height: 22px;
    }

    .promoTileBriefDescription span.pepMdxIcon {
        position: relative;
        top: 0;
        left: 2px;
        font-size: 8px;
    }

    .promoImageHolder {
        width: 110px;
        height: 110px;
        text-align: center;
    }

    .mobilePromoTileArrowWrap,
    .mobilePromoTileRightArrow {
        display: none;
    }

}

/**
 * @TODO: This is just temporary Set image for carousel and temporary css
 * Carousel
 */

/* Landing Carousel
 * =================== */

#partialLandingCarousel .middleHolder {
    position: relative;
}

#partialLandingCarousel .me-theme-homepage .mediaEngineContainer.blue .slide .slideTitle a {
    color: #253b56;
    font-family: Avenir-light;
    margin-top: 0;
}

#partialLandingCarousel .me-theme-homepage .mediaEngineContainer.blue .slide .slideTitle a b {
    font-family: Avenir-heavy;
}

#partialLandingCarousel .mediaEngineContainer a {
    outline: none;
}

#partialLandingCarousel .mediaEngineContainer .slide .slideTitle a {
    line-height: 42px;
}

/*
 * Landing Carousel
 *========================================
 */

#partialLandingCarousel .me-theme-homepage .mediaEngineContainer.dark .slide .slideTitle:hover,
#partialLandingCarousel .me-theme-homepage .mediaEngineContainer.dark .slide .slideTitle a:hover {
    color: #304d70;
}

#partialLandingCarousel .me-theme-homepage .mediaEngineContainer.dark .slide .slideTitle:focus,
#partialLandingCarousel .me-theme-homepage .mediaEngineContainer.dark .slide .slideTitle a:focus {
    color: #253b56;
}

#partialLandingCarousel .me-theme-homepage .mediaEngineContainer .slideTitle a:focus {
  color: #EEE;
}

#partialLandingCarousel .me-theme-homepage .mediaEngineContainer .slideTitle a:hover {
  color: #DDD;
}

@media screen and (max-width: 767px) {
    #partialLandingCarousel.carouselWrapper .me-theme-homepage .mediaEngineContainer .slideTitle {
        padding: 6px 0 6px 20px;
    }

    #partialLandingCarousel .carouselDescription span.pepMdxIcon {
        top: 0;
    }

    #partialLandingCarousel .mediaEngineContainer .slide .slideTitle a {
        line-height: 18px;
    }
}


#homePageMediaPlayer .mediaEngineContainer .middleHolder .slidesHolder div.slideTitle {
    padding-left: 20px;
    top: 100px;
}

#homePageMediaPlayer .me-theme-homepage .mediaEngineContainer.dark .slide .slideTitle, .me-theme-homepage .mediaEngineContainer.dark .slide .slideTitle a {
    margin-top: 0;
}

.ipad #homePageMediaPlayer .mediaEngineContainer .middleHolder .slidesHolder div.slideTitle {
    width: 100%;
}

/* Landing Content
 * =================== */

#partialLandingContent #disclaimer-container .timeshare-disclaimer-section {
    color: #253B56;
    text-align: left;
}

#partialLandingContent .innerFooterWrap #disclaimer-container .timeShareDisclaimer,
#partialLandingContent .innerFooterWrap #disclaimer-container .timeShareDisclaimer p,
#partialLandingContent #disclaimer-container .timeshare-disclaimer-section a,
#partialLandingContent #disclaimer-container .timeshare-disclaimer-section {
    text-align: left;
}

#footer #disclaimer-container #footer_dol a {
    text-decoration: underline;
}
#footer #disclaimer-container #footer_dol a:hover,
#footer #disclaimer-container #footer_dol a:focus {
    text-decoration: none;
}

#footer #disclaimer-container #footer_dol a:focus {
    outline: 1px dotted;
}

#partialLandingContent .gde_footerCopyText,
#partialLandingContent #disclaimer-container .socialContent,
#partialLandingContent #disclaimer-container #footer_dol,
#partialLandingContent #disclaimer-container #footer_dol a,
#partialLandingContent #disclaimer-container .timeshare-disclaimer-section a {
    color: #253B56;
}

#partialLandingContent #disclaimer-container .innerPageFooter,
#partialLandingContent #main_footer {
    background: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

#partialLandingContent #main_footer {
    margin-top: 34px;
    margin-bottom: 10px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #partialLandingContent #footer.partialGlobalFooter .mobileShowLinks > a {
        border: 1px #DFDFDF solid;
        border-radius: 5px 5px 0 0;
    }

    #partialLandingContent #footer.partialGlobalFooter .mobileShowLinks > a.collapsed {
        border-radius: 5px;
    }


    #partialLandingContent #footer.partialGlobalFooter .footerLinks {
        border-left: 1px solid #DFDFDF;
        border-right: 1px solid #DFDFDF;
    }
}

@media screen and (min-width: 768px) {

    #partialLandingContent #footer {
        background: #FFF;
        text-align: center;
    }

    #partialLandingContent #disclaimer-container .dvcLegacyFooter {
        padding: 0;
        max-width: 913px;
        box-shadow: none;
        border-radius: 0;
        margin: 0 0 31px;
    }

    #partialLandingContent #disclaimer-container .socialMediaAndNoticeContainer {
        margin: 20px 0 31px;
    }

    #partialLandingContent #disclaimer-container .footerLinks {
        margin: 0;
        padding: 5px 25px 0;
    }

    #partialLandingContent .footerLastWrapper {
        margin: 0 4px;
    }

}

/* desktop only */
@media screen and (min-width: 768px) {

    #signInBottomInformationContainer {
        padding: 0;
    }

    #signInBottomInformationContainer .createAccount {
        font-weight: bold;
    }

    #signInBottomInformationContainer .createAccount:hover,
    #signInBottomInformationContainer .createAccount:focus {
        color: #00739a;
        text-decoration: underline;
    }

    #partialLandingContent .innerFooterWrap #disclaimer-container .timeShareDisclaimer,
    #partialLandingContent .innerFooterWrap #disclaimer-container .timeShareDisclaimer p,
    #partialLandingContent #disclaimer-container .timeshare-disclaimer-section a,
    #partialLandingContent #disclaimer-container .timeshare-disclaimer-section {
        text-align: center;
    }

    #partialLandingContent #footer_dol {
        font-size: 12px;
    }
}

/**************************************************
 * Dashboard Page - dashboard.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #3 $
 * $Change: 1637837 $
 * $Date: 2016/07/07 $
 **************************************************/

/*----------------------------------------
 * Page Header Section
 *----------------------------------------*/

#dvcDashboard .dvcWelcomeTitle {
    padding-top: 11px;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
}

#dvcDashboard .dvcWelcomeTitle strong {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 600;
}

#dvcDashboard ul.list-inline > li.list-divider {
    font-size: 10px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcWelcomeTitle {
        padding-top: 20px;
        padding-bottom: 1px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 28px;
    }

    #dvcDashboard .dvcWelcomeTitle strong {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 300px;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
    }

}

/*----------------------------------------
 * Default Welcome Section
 *----------------------------------------*/

#dvcDashboard .dvcWelcomeSection > .dvcss-panel {
    margin-bottom: 30px;
}

#dvcDashboard .dvcWelcomeVacationPointsMenuRow {
    padding: 30px 15px 0;
    margin-bottom: 8px;
}

#dvcDashboard .dvcWelcomeSection .dvcMyPlansBookingWindowCalculator {
    padding: 0;
}

#dvcDashboard .dvcWelcomeSection .dvcMyPlansBookingWindowCalculator .dvcMyMembershipsLinkAccount{
    padding: 17px 29px 1px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcWelcomeSection > .dvcss-panel {
        margin-bottom: 22px;
    }

    #dvcDashboard .dvcWelcomeVacationPointsMenuRow {
        margin-left: -15px;
        margin-right: -15px;
        padding: 20px 0 24px;
    }

    #dvcDashboard .dvcWelcomeSection .dvcMyPlansBookingWindowCalculator {
        padding: 0;
    }

    #dvcDashboard .dvcWelcomeSection .dvcMyPlansBookingWindowCalculator .panel {
        margin-bottom: 0;
    }

    #dvcDashboard .dvcWelcomeSection .dvcMyPlansBookingWindowCalculator .dvcMyMembershipsLinkAccount {
        margin-top: -7px;
        margin-bottom: 14px;
        padding: 0;
    }

}

/* Desktop only */
@media screen and (min-width: 768px) {
    #dvcDashboard .dvcss-panel.panel-lg > .panel-body {
        padding: 0 10px 26px;
    }
}

/********** Hero Carousel **********/

#dvcDashboard .dvcWelcomeHeroMedia #dvcWelcomeHeroMediaCarousel.carousel {
    margin: -30px -10px 0;
}

#dvcDashboard .dvcWelcomeHeroMedia .disclaimer-disclosure {
    color: #78899e;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 12px;
    max-width: 370px;
    margin: 4px 30px -10px 0;
}

#dvcDashboard .dvcWelcomeHeroMedia .carousel-indicators {
    display: none;
}

#dvcDashboard .dvcWelcomeHeroMedia .carousel-caption {
    position: relative;
    right: auto;
    left: auto;
    bottom: auto;
    z-index: 1;
    margin-top: -1px;
    padding-top: 12px;
    padding-bottom: 14px;
    background: #00739a;
    color: #fff;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#dvcDashboard .dvcWelcomeHeroMedia .carousel-caption h4 {
    margin-bottom: 0;
    line-height: 18px;
    font-size: 14px;
    color: #FFF;
}

#dvcDashboard .dvcWelcomeHeroMedia .carousel-caption a:focus {
    outline: 1px dotted;
}

#dvcDashboard .dvcWelcomeHeroMedia .carousel-control {
    top: 50%;
    bottom: auto;
    left: 26px;
    margin-top: -9px;
    width: auto;
    background: none;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
}

#dvcDashboard .dvcWelcomeHeroMedia .carousel-control.right {
    right: 31px;
    left: auto;
    background: none;
}

#dvcDashboard .dvcWelcomeHeroMedia .item.left .carousel-control,
#dvcDashboard .dvcWelcomeHeroMedia .item.right .carousel-control {
    visibility: hidden;
}

#dvcDashboard .dvcWelcomeHeroMedia .carousel-caption .carousel-caption-inner a {
    color: #FFF;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcWelcomeHeroMedia {
        margin-left: 0;
        margin-right: 0;
    }

    #dvcDashboard .dvcWelcomeHeroMedia .disclaimer-disclosure {
        line-height: 14px;
        max-width: 207px;
        margin: 6px 20px -7px 0;
    }

    #dvcDashboard .dvcWelcomeHeroMedia .carousel .carousel-inner .item img {
        border-radius: 6px 6px 0 0;
        margin-left: auto;
        margin-right: auto;
    }

    #dvcDashboard .dvcWelcomeHeroMedia .carousel-caption {
        padding-top: 9px;
        padding-bottom: 12px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcDashboard .dvcWelcomeHeroMedia .carousel-caption .carousel-caption-inner {
        display: block;
        max-width: 212px;
        margin: 0 auto;
    }

    #dvcDashboard .dvcWelcomeHeroMedia .carousel-control {
        left: 16px;
    }

    #dvcDashboard .dvcWelcomeHeroMedia .carousel-control.right {
        right: 16px;
        left: auto;
    }


}

/* Desktop only */
@media screen and (min-width: 768px) {

    #dvcDashboard .dvcWelcomeHeroMedia {
        margin-top: -15px;
    }

    #dvcDashboard .dvcWelcomeHeroMedia .carousel {
        margin-left: -5px;
        margin-right: -5px;
    }

    #dvcDashboard .dvcWelcomeHeroMedia .carousel .item img.lazy {
        display: inline-block;
        width: auto;
    }

}

/* Tablet query */
@media screen and (max-width: 860px) and (min-width: 768px) {

    #dvcDashboard .dvcWelcomeHeroMedia {
        margin-top: -10px;
    }

}

/********** Vacation Points **********/

#dvcDashboard .dvcWelcomeVacationPoints .well {
    margin-bottom: 0;
    padding: 25px 24px 19px;

    background: #fff;
    border-radius: 6px;

    -webkit-box-shadow: 0 2px 3px 0 #dfdfdf;
    box-shadow: 0 2px 3px 0 #dfdfdf;
}

#dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsTitle {
    margin-bottom: 15px;
}

#dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsData {
    width: 100%;
}

#dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsData .dvcss-dt-row-header .dvcss-dt-cell,
#dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsData .dvcss-dt-row .dvcss-dt-cell {
    width: 33.33%;
    line-height: normal;
    text-align: center;
}

#dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsData .dvcss-dt-row-header .dvcss-dt-cell {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding: 3px 0;
}

#dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsData .dvcDataMonthYear {
    padding: 1px 0;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 100;
    vertical-align: middle;
}

#dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsData .dvcDataAvailable,
#dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsData .dvcDataHolding {
    padding: 1px 0;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 38px;
    font-weight: 100;
    vertical-align: middle;
}

#dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsTitle a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcWelcomeVacationPoints .well {
        margin-bottom: 21px;
        padding: 26px 30px 8px;
        height:auto!important;
    }

    #dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsTitle {
        margin-bottom: 20px;
    }

    #dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsTitle .dvcss-section-title {
        margin-bottom: -4px;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
    }

    #dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsData {
        display: block;
        margin-left: -18px;
        margin-right: -18px;
        width: auto;
    }

    #dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsData .dvcss-dt-row {
        display: inline-block;
        width: 50%;
        margin-right: -4px;
    }

    #dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsData .dvcss-dt-row .dvcss-dt-cell {
        display: block;
        width: auto;
        padding-bottom: 27px;
    }

    #dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsData .dvcss-dt-row .dvcss-dt-cell small {
        display: block;
        margin-bottom: 1px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

    #dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsData .dvcss-dt-row .dvcDataMonthYear {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 100;
    }

    #dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsData .dvcss-dt-row .dvcDataMonthYear small {
        margin-bottom: 4px;
    }

    #dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsData .dvcss-dt-row .dvcDataAvailable,
    #dvcDashboard .dvcWelcomeVacationPoints .dvcWelcomeVacationPointsData .dvcss-dt-row .dvcDataHolding {
        padding-bottom: 18px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 34px;
        font-weight: 100;
    }

}

/********** Menu **********/

#dvcDashboard .dvcWelcomeMenu .dvcss-section-title {
    margin-bottom: 11px;
}

#dvcDashboard .dvcWelcomeMenu .well {
    margin-bottom: 0;
    padding: 25px 30px 19px;
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 3px 0 #dfdfdf;
    box-shadow: 0 2px 3px 0 #dfdfdf;
}

#dvcDashboard .dvcWelcomeMenu .well .dvcss-row {
    margin-left: -5px;
    margin-right: -5px;
}

#dvcDashboard .dvcWelcomeMenu .dvcWelcomeMenuItem {
    display: inline-block;
    float: none;
    margin-right: -4px;
    padding: 11px 3px 11px;
    line-height: normal;
    vertical-align: top;
}

#dvcDashboard .dvcWelcomeMenu .dvcWelcomeMenuItem .dvcWelcomeMenuItemIcon {
    display: inline-block;
    position: relative;
    padding-bottom: 6px;
}

#dvcDashboard .dvcWelcomeMenu .dvcWelcomeMenuItem .dvcWelcomeMenuItemIcon .dvcss-pepmdxicon,
#dvcDashboard .dvcWelcomeMenu .dvcWelcomeMenuItem .dvcWelcomeMenuItemIcon .pepMdxIcon {
    display: inline-block;
    position: relative;
    font-size: 30px;
}

#dvcDashboard .dvcWelcomeMenu .dvcWelcomeMenuItem .dvcWelcomeMenuItemIcon .dvcss-label {
    position: absolute;
    top: -2px;
    right: -6px;
}

#dvcDashboard .dvcWelcomeMenu .dvcWelcomeMenuItem a {
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    word-wrap: break-word;
}

#dvcDashboard .dvcWelcomeMenu .dvcWelcomeMenuItem a .pepMdxIcon,
#dvcDashboard .dvcWelcomeMenu .dvcWelcomeMenuItem a:hover .pepMdxIcon,
#dvcDashboard .dvcWelcomeMenu .dvcWelcomeMenuItem a:focus .pepMdxIcon {
    text-decoration: none;
}

#dvcDashboard .dvcWelcomeMenu .dvcWelcomeMenuItem .pepMdxIcon {
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
    font-size: 30px;
}

#dvcDashboard .dvcWelcomeMenu .dvcWelcomeMenuItem a:hover,
#dvcDashboard .dvcWelcomeMenu .dvcWelcomeMenuItem a:focus {
    color: #00739a;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcWelcomeMenu .dvcss-section-title {
        margin-bottom: 9px;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
    }

    #dvcDashboard .dvcWelcomeMenu .well {
        padding: 26px 30px 24px;
    }

    #dvcDashboard .dvcWelcomeMenu .well .dvcss-row {
        margin-left: 0;
        margin-right: 0;
    }

    #dvcDashboard .dvcWelcomeMenu .dvcWelcomeMenuItem {
        padding-left: 5px;
        padding-right: 5px;
    }

    #dvcDashboard .dvcWelcomeMenu .dvcWelcomeMenuItem a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

    #dvcDashboard .dvcWelcomeMenu .dvcWelcomeMenuItem .dvcWelcomeMenuItemIcon {
        padding-bottom: 5px;
    }

    #dvcDashboard .dvcWelcomeMenu .dvcWelcomeMenuItem .pepMdxIcon {
        padding-bottom: 3px;
    }

}


/********** Welcome: Link Account **********/


/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMyMembershipsLinkAccount .dvcss-well .media-title {
        margin-bottom: 4px;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcDashboard .dvcMyMembershipsLinkAccount .dvcss-well .media-desc {
        margin-bottom: 12px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcDashboard .dvcMyMembershipsLinkAccount .dvcss-well {
        padding: 22px 25px 22px;
        overflow: visible;
    }

    #dvcDashboard .dvcMyMembershipsLinkAccount .dvcss-well .media-body {
        overflow: visible;
    }

}

/*----------------------------------------
 * My Memberships Section (Multiple)
 *----------------------------------------*/

#dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsTitle {
    padding-top: 0;
    padding-bottom: 33px;
}

#dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsTitle ul.list-inline {
    margin: 0 -5px 0 0;
    text-align: right;
}

#dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsTitle ul.list-inline > li > a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

#dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsTitle ul.list-inline > li.list-divider {
    padding: 0;
    color: #a1afc0;
}

#dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsTitle .dvcss-section-title,
#dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsTitle h2.dvcss-section-title {
    float: left;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 20px;
    vertical-align: middle;
}

#dvcDashboard .dvcMyMembershipsSection > .dvcss-panel {
    margin-bottom: 30px;
}

#dvcDashboard .dvcMyMembershipsSection > .dvcss-panel.panel-lg > .panel-body {
    padding: 39px 38px 0;
}

#dvcDashboard .dvcMyMembershipsSection .panel-group {
    margin: 0 -38px 0;
    border-bottom: 0 solid #dfdfdf;
}

#dvcDashboard .dvcMyMembershipsSection .panel-group .panel {
    background: none;
    border: 0;
    border-top: 1px solid #dfdfdf;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#dvcDashboard .dvcMyMembershipsSection .panel-group .panel:first-child {
    border-top: 0 solid #dfdfdf;
}

#dvcDashboard .dvcMyMembershipsSection .panel-group .panel + .panel {
    margin-top: 0;
}

#dvcDashboard .dvcMyMembershipsSection .panel-group .panel .panel-heading {
    padding: 29px 31px 22px;

    background: none;
}

#dvcDashboard .dvcMyMembershipsSection #dvcMyMembershipsAccordion h3.panel-title {
    line-height: 1;
}

#dvcDashboard .dvcMyMembershipsSection #dvcMyMembershipsAccordion .collapsed-shown {
    display: none!important;
}

#dvcDashboard .dvcMyMembershipsSection #dvcMyMembershipsAccordion .collapsed .collapsed-shown {
    display: inline-block!important;
}

#dvcDashboard .dvcMyMembershipsSection .panel-group .panel .panel-heading .panel-title a {
    color: #253b56;
    text-decoration: none;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
}

#dvcDashboard .dvcMyMembershipsSection .panel-group .panel .panel-heading .panel-title a:hover,
#dvcDashboard .dvcMyMembershipsSection .panel-group .panel .panel-heading .panel-title a:hover .dvcss-pepmdxicon {
    color: #00739a !important;
}

#dvcDashboard .dvcMyMembershipsSection .panel-group .panel .panel-heading .panel-title a:focus,
#dvcDashboard .dvcMyMembershipsSection .panel-group .panel .panel-heading .panel-title a:focus .dvcss-pepmdxicon {
    color: #00739a !important;
}

#dvcDashboard .dvcMyMembershipsSection .panel-group .panel .panel-heading .panel-title a b {
    margin-left: 2px;

    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
}

#dvcDashboard .dvcMyMembershipsSection #dvcMyMembershipsAccordion .panel-heading .panel-title .dvcss-pepmdxicon {
    top: -2px;
    margin-right: 7px;
    color: #a1afc0;
    font-size: 25px;
}

#dvcDashboard .dvcMyMembershipsSection #dvcMyMembershipsAccordion .panel-heading .panel-title .dvcss-pepmdxicon,
#dvcDashboard .dvcMyMembershipsSection #dvcMyMembershipsAccordion .panel-heading .panel-title a .dvcss-pepmdxicon,
#dvcDashboard .dvcMyMembershipsSection #dvcMyMembershipsAccordion .panel-heading .panel-title a:hover .dvcss-pepmdxicon,
#dvcDashboard .dvcMyMembershipsSection #dvcMyMembershipsAccordion .panel-heading .panel-title a:focus .dvcss-pepmdxicon,
#dvcDashboard .dvcMyMembershipsSection #dvcMyMembershipsAccordion .panel-heading .panel-title .dvcss-pepmdxicon:hover,
#dvcDashboard .dvcMyMembershipsSection #dvcMyMembershipsAccordion .panel-heading .panel-title .dvcss-pepmdxicon:focus {
    text-decoration: none;
}



/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMyMembershipsSection > .dvcss-panel {
        margin-bottom: 22px;
    }

    #dvcDashboard .dvcMyMembershipsSection > .dvcss-panel.panel-lg > .panel-body {
        padding: 19px 10px 0;
    }

    #dvcDashboard .dvcMyMembershipsSection .panel-group {
        margin: 0;
        border-bottom: 0;
    }

    #dvcDashboard .dvcMyMembershipsSection .panel-group .panel {
        border-top: 0 solid #dfdfdf;
    }

    #dvcDashboard .dvcMyMembershipsSection .panel-group .panel .panel-heading {
        padding: 24px 0 24px;
    }

    #dvcDashboard .dvcMyMembershipsSection .panel-group .panel .panel-heading .panel-title a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 21px;
    }

    #dvcDashboard .dvcMyMembershipsSection .panel-group .panel .panel-heading .panel-title a b {
        display: block;
        margin-left: 0;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 21px;
    }

    #dvcDashboard .dvcMyMembershipsSection #dvcMyMembershipsAccordion .panel-heading .panel-title .dvcss-pepmdxicon {
        margin-left: -9px;
        margin-right: -4px;
        color: #78899e;
    }

    #dvcDashboard .dvcMyMembershipsSection .panel-group .panel .panel-heading .media {
        margin: 0;
        overflow: visible;
    }
    #dvcDashboard .dvcMyMembershipsSection .panel-group .panel .panel-heading .media > .media-body {
        line-height:  22px;
    }

    #dvcDashboard .dvcMyMembershipsSection .panel-group .panel .panel-collapse {
        margin-left: -5px;
        margin-right: -5px;
    }

    #dvcDashboard .dvcMyMembershipsSection .panel-group .panel .panel-body {
        margin-top: -10px;
        padding: 0 0 11px;

        border-top: 0;
    }

    #dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsTitle {
        padding-top: 0;
        padding-bottom: 0;
    }

    #dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsTitle .dvcss-section-title,
    #dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsTitle h2.dvcss-section-title {
        float: none;
    }

    #dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsTitle ul.list-inline {
        float: none;
        margin: 22px 0 24px -5px;
        text-align: left;
    }

    #dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsTitle ul.list-inline > li {
        padding-left: 6px;
        padding-right: 6px;
    }

    #dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsTitle ul.list-inline > li .dvcss-label {
        top: -1px;
        margin-left: 1px;
    }

    #dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsTitle ul.list-inline > li > a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

    #dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsTitle ul.list-inline > li.list-divider {
        position: relative;
        top: -1px;
        padding: 0;
        font-size: 14px;
    }
}


/********** Membership Hero Vignette **********/

#dvcDashboard .dvcMyMembershipsSection .dvcWelcomeHeroMedia #dvcWelcomeHeroMediaCarousel.carousel {
    margin: 5px -5px 0;
}

#dvcDashboard .dvcMyMembershipsSection .dvcWelcomeVacationPointsMenuRow {
    padding-left: 30px;
    padding-right: 30px;
}

#dvcDashboard .dvcMyMembershipsSection #dvcMyMembershipsAccordion .panel-body {
    padding: 15px 10px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMyMembershipsSection .dvcWelcomeHeroMedia #dvcWelcomeHeroMediaCarousel.carousel {
        margin-left: 0;
        margin-right: 0;
    }

    #dvcDashboard .dvcMyMembershipsSection .dvcWelcomeVacationPointsMenuRow {
        padding: 20px 0 15px;

        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 0;
    }

    #dvcDashboard .dvcMyMembershipsSection .dvcWelcomeHeroMedia .carousel-control {
        left: 11px;
    }

    #dvcDashboard .dvcMyMembershipsSection .dvcWelcomeHeroMedia .carousel-control.right {
        right: 11px;
        left: auto;
    }

    #dvcDashboard .dvcMyMembershipsSection .dvcWelcomeHeroMedia .disclaimer-disclosure {
        margin-right: 15px;
    }

}


/********** Membership: Welcome Menu **********/

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMyMembershipsSection .dvcWelcomeMenu .well {
        height: auto!important;
    }

}

/********** Membership Link Account **********/

#dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsLinkAccount .dvcss-well {
    margin-top: 19px;
    margin-bottom: 14px;
    padding: 22px 20px 24px 25px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsLinkAccount .dvcss-well  {
        margin-bottom: 4px;
        padding: 21px 25px 21px;
        overflow: visible;
    }

    #dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsLinkAccount  .media-body {
        overflow: visible;
    }

    #dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsLinkAccount  .media-title {
        margin-bottom: 4px;

        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcDashboard .dvcMyMembershipsSection .dvcMyMembershipsLinkAccount  .media-desc {
        margin-bottom: 12px;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}

/*----------------------------------------
 * My Plans Section
 *----------------------------------------*/

#dvcDashboard .dvcMyPlansSection {
    position: relative;
    z-index: 1;
}

#dvcDashboard .dvcMyPlansSection > .dvcss-panel {
    margin-bottom: 30px;
}

#dvcDashboard .dvcMyPlansSection > .dvcss-panel > .panel-body {
    padding: 12px 38px 36px;
}

.dvcMyPlansSection .pastbookingContentLoader {
    text-align: center;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .noPastTravelPlanLabel {
    font-family: Avenir-black,Helvetica,Arial,sans-serif;
    font-size: 20px;
    color: #253B56;
    line-height: 28px;
    font-weight: 900;
    margin: 20px 44px;
}
/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMyPlansSection > .dvcss-panel > .panel-body {
        padding: 14px 10px 25px;
    }

}

/********** Title **********/

#dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle.media {
    overflow: visible;
    margin-bottom: 14px;
    padding-bottom: 10px;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle.media .media-body {
    padding: 33px 0 10px;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle .dvcss-section-title {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 20px;
    vertical-align: middle;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle .dvcss-pepmdxii {
    position: relative;
    margin-bottom: -14px;
    margin-right: 3px;
    font-style: normal;
    text-align: center;
    text-decoration: none;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle .dvcss-pepmdxii:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    right: 9px;
    margin-top: -2px;
    height: 2px;
    background: #253b56;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle .dvcss-pepmdxii .insetMask {
    position: absolute;
    top: 11px;
    left: 9px;
    height: 0;
    width: 0;
    border-top: 66px solid #eee;
    border-right: 84px solid transparent;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle .dvcMyPlansTitleCountdownIcon .dvcCountdownInner {
    position: absolute;
    top: 2px;
    left: 0;
    height: 100%;
    width: 100%;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle .dvcss-pepmdxii strong {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 18px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 1;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle .dvcss-pepmdxii small {
    display: block;
    position: absolute;
    left: 0;
    bottom: 19px;
    width: 100%;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle ul.list-inline {
    margin: 35px -5px 0 0;
    text-align: right;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle ul.list-inline > li > a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle ul.list-inline > li.list-divider {
    padding: 0;
    color: #a1afc0;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle {
        margin-bottom: 0;
        padding-bottom: 17px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle.media > span {
        display: block;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle.media > span > .dvcss-pull-left {
        display: table-cell;
        float: none;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle.media > span > .media-body {
        display: table-cell!important;
        padding-top: 0;
        padding-bottom: 0;
        overflow: visible;
        vertical-align: bottom;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle.media > .dvcss-pull-right {
        float: none;
        margin-left: 2px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle .dvcss-section-title {
        float: none;
        margin-top: 2px;
        margin-left: 0;

        line-height: 26px;
        margin-bottom: 0;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle > span > .dvcss-pull-left + .media-body .dvcss-section-title {
        margin-bottom: 5px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle .dvcss-pepmdxii {
        margin-bottom: -4px;
        margin-right: 9px;
        vertical-align: bottom;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle ul.list-inline {
        margin-top: 16px;
        margin-left: -7px;
        margin-right: 0;
        text-align: left;
        margin-bottom: -10px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle ul.list-inline > li {
        padding-left: 7px;
        padding-right: 7px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle ul.list-inline > li > a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansTitle ul.list-inline > li.list-divider {
        position: relative;
        top: -2px;
    }

}

/********** Accordion **********/

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion hr {
    margin-bottom: 0;
    margin-left: -38px;
    margin-right: -38px;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion hr.dvcss-hr-faded {
    margin-left: 0;
    margin-right: 0;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion.panel-group .panel {
    /*border: 0;*/
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion.panel-group .panel +.panel {
    margin-top: 0;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion.panel-group .panel +hr {
    margin-top: 5px;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading {
    padding: 26px 0 24px;

    background: #fff;
    border: 0;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title a {
    color: #253b56;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title a:focus,
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title a:focus .media > .dvcss-pull-left .dvcss-pepmdxicon,
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title a:focus .col-sm-9 small {
    color: #00739a;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title .media {
    overflow: visible;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title .media > .dvcss-pull-left .dvcss-pepmdxicon {
    color: #a1afc0;
    font-size: 25px;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title .col-sm-9 small {
    display: block;
    margin-top: 5px;
    margin-bottom: 2px;
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading:hover .panel-title .media > .dvcss-pull-left .dvcss-pepmdxicon,
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading:hover a,
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading:hover .panel-title .col-sm-9 small {
    color: #00739a;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title .dvcMyPlansResortName {
    margin-top: -2px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title .dvcMyPlansResortName span {
    font-family: Avenir-black, Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #253B56;
    line-height: 28px;
    font-weight: 900;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title .dvcMyPlansResortName > div {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #64778B;
    line-height: 20px;
    float: right;
    margin-top: 3px;
}
/* Enhancement */
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion > .dvcMyPlansAccordionCancelHeading {
    padding-top: 48px;
    border-bottom: 1px solid #dfdfdf;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion > .dvcMyPlansAccordionCancelHeading h3 {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #253B56;
    line-height: 32px;
    padding: 0 41px;
    font-weight: normal;
    margin-bottom: 26px;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion.dvcCancelPlans > .dvcMyPlansAccordionCancelHeading h3 {
    margin-bottom: 28px;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion > hr {
    display: none;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion {
    margin: 0 -38px 0;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default:first-child {
    border-top: 1px solid #dfdfdf;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default {
    border-bottom: 1px solid #dfdfdf;
    border-top-color: transparent;
    background: #EBF6FC;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading {
    background: transparent;
    position: relative;
    padding: 0;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading > a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading > a + .media > .media-body .mobBooked i {
    color: #58831B;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion.dvcCancelPlans .panel-default > .panel-heading > a + .media > .media-body .mobBooked i {
    color: #253B56;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion.dvcCancelPlans .panel-default > .panel-heading > a.collapsed:hover + .media > .media-body .mobBooked i {
    color: #00739a;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading > a + .media > .media-body .mobWaitlist i {
    color: #DDAD28;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading > a + .media > .media-body i,
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion.dvcCancelPlans .panel-default > .panel-heading > a + .media > .media-body i {
    margin-right: 5px;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading > a.collapsed:hover + .media {
    background: #EBF6FC;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading > a.collapsed:focus + .media {
    outline: 1px dotted;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading > a.collapsed + .media > .dvcss-pull-left i.collapsed-hidden {
    display: none;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading > a.collapsed + .media > .dvcss-pull-left i.collapsed-shown {
    display: inline-block !important;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading > a + .media > .dvcss-pull-left i.collapsed-hidden {
    display: inline-block;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading > a + .media > .dvcss-pull-left i.collapsed-shown {
    display: none !important;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading > a.collapsed + .media {
    background: #ffffff;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading > .media {
    margin-top: 0;
    padding: 27px 38px 34px 32px;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading > .media > .media-body .dvcArrivalDate {
    font-family: Avenir-black, Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #253B56;
    line-height: 28px;
    font-weight: 900;
    margin-bottom: 0;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading > .media > .media-body .dvcResortsName {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #253B56;
    line-height: 28px;
    font-weight: normal;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-heading > .media > .dvcss-pull-left > i.dvcss-pepmdxicon {
    top: 2px;
    margin-right: 7px;
    color: #253B56;
    font-size: 25px;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-heading > .media > .dvcss-pull-left {
    margin-right: 0;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-heading > .media > .media-body > .dvcss-row > .col-sm-3 > .dvcMyPlansResortName {
    text-align: right;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-heading > .media > .media-body > .dvcss-row > .col-sm-3 span,
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-heading > .media > .media-body > .dvcss-row > .col-sm-4 span,
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion.dvcCancelPlans .panel-heading > .media > .media-body > .dvcss-row > .col-sm-4 span{
    font-family: Avenir-black, Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #253B56;
    line-height: 28px;
    font-weight: 900;
    margin-bottom: 0;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-heading > .media > .media-body > .dvcss-row > .col-sm-3 span > span {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #64778B;
    line-height: 20px;
    display: block;
    margin-top: 6px;
    font-weight: normal;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 0;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcss-row > .col-sm-9 > div {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #64778B;
    line-height: 20px;
    padding: 0 0 0 58px;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcss-row > .col-sm-9 > div:first-child {
    padding-top: 4px;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcss-row > .col-sm-9 > div:last-child {
    margin-bottom: 20px;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcss-row > .col-sm-9 .dvcPlanDetailsAlertMsg {
    color: #FF4605;
    margin-top: 10px;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcss-row > .col-sm-9 .dvcPlanDetailsAlertMsg i {
    font-size: 16px;
    margin-right: 2px;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcss-row > .col-sm-9 .dvcPlanDetailsAlertMsg p {
    display: inline;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationButtons {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 24px 0 58px;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationButtons > .dvcMyPlanViewDetails {
    order: 1;
    width: 50%;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationButtons > .dvcMyPlanViewDetails .btn-secondary {
    background: transparent;
    border: 2px solid #00739A;
    border-radius: 3px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #00739A;
    width: 220px;
    height: 44px;
    float: left;
    margin-bottom: 17px;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationButtons > .dvcMyPlanViewDetails .btn-secondary:hover {
    background: #003F54;
    border-color: #003F54;
    color: #FFFFFF;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationButtons > .dvcMyPlanViewDetails .btn-secondary:active,
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationButtons > .dvcMyPlanViewDetails .btn-secondary:focus {
    background: #253B56;
    border-color: #253B56;
    color: #FFFFFF;
    outline-color: transparent;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationButtons > .dvcMyPlanCheckInOnline {
    order: 2;
    width: 50%;
    text-align: right;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationButtons > .dvcMyPlanCheckInOnline .btn-primary {
    background: #00739A;
    border-radius: 3px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    width: 220px;
    height: 44px;
    flex: 0 0 220px;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationButtons > .dvcMyPlanCheckInOnline .btn-primary:hover {
    background: #003F54;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationButtons > .dvcMyPlanCheckInOnline .btn-primary:active {
    background: #253B56;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationButtons > .dvcMyPlanCheckInOnline .btn-primary:focus {
    background: #253B56;
    outline-color: transparent;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions {
    margin: 10px 20px 0;
    padding: 24px 0 0 36px;
    border-top: 1px solid #8294AA;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions h3 {
    font-family: Avenir-black, Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #253B56;
    line-height: 28px;
    font-weight: 900;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions {
    background: #ffffff;
    border: 1px solid #e2e2e2;
    vertical-align: top;
    border-radius: 8px;
    width: 140px;
    height: 157px;
    margin-right: 20px;
    margin-bottom: 20px;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 16px;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions a:hover,
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions a:focus {
    background: #00739a;
    border-radius: 8px;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions a:hover i,
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions a:hover p,
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions a:focus i,
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions a:focus p {
    color: #ffffff;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions a {
    text-decoration: none;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions i {
    color: #00739a;
    font-size: 36px;
    margin-left: -10px;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions p {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #253b56;
    line-height: 24px;
    font-weight: normal;
}
#dvcDashboard .dvcMyPlansSection .dvcMyPlansPastBookings {
    text-align: center;
    padding: 51px 0 62px;
    border-bottom: 1px solid #dfdfdf;
    margin: 0 -38px;
    border-radius: 0;
}
#dvcDashboard .dvcMyPlansSection .dvcMyPlansPastBookings h3 {
    font-family: Avenir-black, Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #253B56;
    line-height: 28px;
    font-weight: 900;
    margin-bottom: 10px;
}
#dvcDashboard .dvcMyPlansSection .dvcMyPlansPastBookings p {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #243A57;
    line-height: 24px;
    margin-bottom: 22px;
}
#dvcDashboard .dvcMyPlansSection .dvcMyPlansPastBookings .btn-secondary {
    background: transparent;
    border: 2px solid #00739A;
    border-radius: 3px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #00739A;
    width: 220px;
    height: 44px;
    line-height: 44px;
    padding: 0;
}
#dvcDashboard .dvcMyPlansSection .dvcMyPlansPastBookings .btn-secondary:focus {
    background: #253B56;
    outline-color: transparent;
    color: white;
    border: none;
}
#dvcDashboard .dvcMyPlansSection .dvcMyPlansPastBookings .btn-secondary:hover {
    background: #003F54;
    color: white;
    border-color: #003F54;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion.dvcCancelPlans .panel-default > .panel-heading > a.collapsed + .media {
    background: #F3F3F3;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion.dvcCancelPlans .panel-default > .panel-heading,
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion.dvcCancelPlans .panel-default > .panel-collapse {
    background: #F3F3F3;
}
/* End of Enhancement */
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title .dvcMyPlansStatus {
    margin-top: -4px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title .dvcMyPlansStatus .dvcss-pepmdxicon {
    top: 3px;
    margin-top: 0;
    font-size: 20px;
    color: #58831B;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .collapsed-shown {
    display: none!important;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .collapsed .collapsed-shown {
    display: inline-block!important;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
    margin-bottom: 0;
    padding: 0 15px 22px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion.dvcCancelPlans .panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding: 0 15px 14px;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse {
    margin-top: -14px;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities {
    margin-top: 8px;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities .dvcMyPlansAmenitiesErrorCopy {
    margin-top: 18px;
    margin-bottom: -7px;
    margin-left: -2px;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities .dvcMyPlansAmenitiesErrorCopy .dvcss-form-list-left {
    margin-right: 4px;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities .dvcMyPlansAmenitiesErrorCopy .dvcss-form-list-left .dvcss-pepmdxicon {
    font-size: 20px;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities .dvcMyPlansAmenitiesErrorCopy .dvcss-form-list-body {
    color: #ff4605;
    max-width: 355px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul {
    list-style: none;
    padding-left: 0;
    padding-bottom: 0;
    margin: 0 0 -9px 0;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul > li {
    margin-bottom: 2px;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul > li a.disabled,
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul > li span.disabled {
    color: #78899e;
    text-decoration: none;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul > li .pepMdxIcon,
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul > li .dvcss-pepmdxicon {
    position: relative;
    top: 3px;
    font-size: 20px;
    margin-left: -3px;
    margin-right: 6px;
}

#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul > li .pepMdxIcon + span.media-body > span div,
#dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul > li .dvcss-pepmdxicon + span.media-body > span div {
    display: inline;
}

@media screen and (min-width: 795px) {
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-heading > .media > .media-body > .dvcss-row > .col-sm-9 {
        width: 70%;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-heading > .media > .media-body > .dvcss-row > .col-sm-3 {
        width: 30%;
    }
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion hr {
        margin-left: -10px;
        margin-right: -10px;
    }


    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title a:hover,
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title a:hover {
        text-decoration: none;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title .col-sm-9 div {
        margin-top: 1px;

        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title .dvcMyPlansStatus {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 9px;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title .dvcMyPlansStatus .dvcss-pepmdxicon {
        position: relative;
        top: 4px;
        margin-left: -3px;
        margin-right: -1px;
        font-size: 20px;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title a .media {
        overflow: visible;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title a .media > .dvcss-pull-left .dvcss-pepmdxicon {
        margin-left: -9px;
        color: #78899e;
        font-size: 25px;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title a .media > .dvcss-pull-left .dvcss-pepmdxicon.collapsed-hidden {
        left: 2px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading > .media {
        padding: 26px 25px 33px 0px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse {
        margin-top: -23px;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
        padding-left: 32px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomName a {
        margin-left: 7px;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities {
        margin-top: 19px;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul {
        margin-bottom: -21px;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul > li {
        margin-bottom: 15px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul > li:before,
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul > li:after {
        display: table;
        content: " ";
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul > li:after {
        clear: both;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul > li .pepMdxIcon,
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul > li .dvcss-pepmdxicon {
        float: left;
        top: -1px;
        font-size: 20px;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul > li .pepMdxIcon + span.media-body,
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul > li .dvcss-pepmdxicon + span.media-body {
        display: block;
        overflow: hidden;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul > li .pepMdxIcon + span.media-body > span div,
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities ul > li .dvcss-pepmdxicon + span.media-body > span div {
        display: block;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities .dvcMyPlansAmenitiesErrorCopy {
        margin-top: -1px;
        margin-bottom: -7px;
        margin-left: -2px;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities .dvcMyPlansAmenitiesErrorCopy .dvcss-form-list-left {
        margin-right: 8px;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities .dvcMyPlansAmenitiesErrorCopy .dvcss-form-list-left .dvcss-pepmdxicon {
        font-size: 20px;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .dvcMyPlansRoomAmenities .dvcMyPlansAmenitiesErrorCopy .dvcss-form-list-body {
        color: #ff4605;
        max-width: none;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion.dvcCancelPlans .panel-default > .panel-heading > .media {
        padding: 26px 25px 33px 0px;
    }

    /* Enhancement Mobile */
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion {
        margin: 0 -10px 0;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion > .panel.panel-default {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading .panel-title .dvcMyPlansResortName {
        margin-top: 10px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion > .panel.panel-default .dvcMyPlansResortName > span {
        float: left;
        margin-top: 10px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-heading > .media > .media-body > .dvcss-row > .col-sm-3 > .dvcMyPlansResortName {
        text-align: left;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcss-row > .col-sm-9 > div {
        padding: 0 0 0 24px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationButtons {
        padding: 0 3px 0 26px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationButtons > .dvcMyPlanViewDetails {
        order: 2;
        width: 100%;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationButtons > .dvcMyPlanViewDetails .btn-secondary {
        width: 100%;
        float: none;
        margin-bottom: 13px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationButtons > .dvcMyPlanCheckInOnline {
        order: 1;
        width: 100%;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationButtons > .dvcMyPlanCheckInOnline .btn-primary {
        width: 100%;
        margin-bottom: 12px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions {
        border-top: 0;
        padding: 0;
        margin: 13px 0 0 22px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions {
        border:0;
        width: 50%;
        margin: 0;
        padding-bottom: 15px;
        background: transparent;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions:nth-child(odd) {
        padding-right: 8px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions:nth-child(even) {
        padding-left: 7px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions:hover {
        background: transparent;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions:hover a {
        background: #00739a;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions a {
        background: #ffffff;
        display: block;
        height: 100%;
        padding: 16px 0 0 16px;
        border: 1px solid #e2e2e2;
        padding: 16px;
        vertical-align: top;
        border-radius: 8px;
    }
    #dvcDashboard .dvcMyPlansSection .dvcMyPlansPastBookings {
        padding: 48px 8px 56px;
        margin: 0 -10px 25px;
        border-right: 0;
        border-left: 0;
    }
    #dvcDashboard .dvcMyPlansSection .dvcMyPlansPastBookings > div {
        margin: 0 2px;
    }
    #dvcDashboard .dvcMyPlansSection .dvcMyPlansPastBookings .btn-secondary {
        width: 100%;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion.dvcCancelPlans {
        margin-bottom: 25px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading > .media > .media-body .dvcResortsName {
        line-height: 24px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcss-row > .col-sm-9 > div > span {
        display: block;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions p {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-weight: 400;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcss-row > .col-sm-9 > div:last-child {
        margin-bottom: 28px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
        padding: 0 15px 17px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion > .dvcMyPlansAccordionCancelHeading h3 {
        padding: 0 41px 0 6px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion > .panel.panel-default .dvcMyPlansResortName > span.dvcMyPlansStatus {
        margin-top: 13px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion.dvcCancelPlans > .panel.panel-default .dvcMyPlansResortName > span.dvcMyPlansStatus {
        margin-top: 19px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion.dvcCancelPlans .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcss-row > .col-sm-9 > div:last-child {
        margin-bottom: 15px;
    }
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading > a + .media > .media-body i {
        margin-right: -3px;
    }
    /* End of Enhancement Mobile*/
}

@media screen and (max-width: 320px) {
    #dvcDashboard .dvcMyPlansSection #dvcMyPlansAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body > .dvcVacationTripOptions > .dvcVacationTripOptionsContainer .dvcTripOptions {
        height: 182px;
    }
}

/********** Check Availability **********/

#dvcDashboard .dvcMyPlansSection .dvcMyPlansCheckAvailability {
    padding: 52px 0px 20px;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansCheckAvailability .dvcMyPlansCheckAvailabilityHeader {
    margin-bottom: 21px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansCheckAvailability .dvcMyPlansCheckAvailabilityHeader .dvcss-section-title {
    display: inline;
    margin-bottom: 22px;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 20px;
    vertical-align: middle;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansCheckAvailability .dvcMyPlansCheckAvailabilityHeader ul.list-inline {
    font-size: 12px;
    margin-right: 0;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansCheckAvailability .dvcMyPlansCheckAvailabilityHeader p {
    margin-bottom: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansCheckAvailability .dvcGlobalCheckAvailability {
    padding: 4px 0 11px;
}

#dvcDashboard .dvcMyPlansSection .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .form-group {
    margin-right: 11px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansCheckAvailability {
        padding: 4px 0 23px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansCheckAvailability .dvcMyPlansCheckAvailabilityHeader .dvcss-section-title {
        margin-bottom: 24px;
        margin-top: -23px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansCheckAvailability .dvcMyPlansCheckAvailabilityHeader {
        margin-top: -1px;
        margin-bottom: 20px;
    }

    #dvcDashboard .dvcMyPlansSection  #dvcMyPlansAccordion + .dvcMyPlansCheckAvailability .dvcMyPlansCheckAvailabilityHeader {
        margin-top: -6px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansCheckAvailability .dvcMyPlansCheckAvailabilityHeader ul.list-inline {
        font-size: 14px;
        margin-top: 19px;
        margin-left: -4px;
        margin-right: 0;
        text-align: left;
        margin-bottom: -3px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansCheckAvailability .dvcMyPlansCheckAvailabilityHeader ul.list-inline > li.list-divider {
        position: relative;
        top: -3px;
        font-size: 12px;
        vertical-align: bottom;
    }

}

    /***** Primary - Adults & Children Select Boxes *****/

#dvcDashboard .dvcMyPlansSection .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryParentRow .form-group.dvcCheckAvailabilityInputGroupAdults {
    margin-right: 11px;
}

    /***** Secondary Group *****/

#dvcDashboard .dvcMyPlansSection .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup {
    padding-left: 6px;
}

#dvcDashboard .dvcMyPlansSection .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup .form-group {
    margin-right: 13px;
}

#dvcDashboard .dvcMyPlansSection .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup .form-group.dvcCheckAvailabilityInputGroupAccessibleRooms {
    margin-right: 11px;
}

#dvcDashboard .dvcMyPlansSection .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup .richCheckBox {
    margin-right: 5px;
}

#dvcDashboard .dvcMyPlansSection .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilitySecondaryGroup .richCheckBox + label {
    max-width: 90px;
}

#dvcDashboard .dvcMyPlansSection .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow table {
    padding-right: 7px;
    margin-bottom: 13px;
}

/* Tablet query */
@media screen and (max-width: 991px) and (min-width: 768px) {

    .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup .dvcGlobalCheckAvailabilityPrimaryChildrenRow .control-label {
         width: 105px;
    }

}

#dvcDashboard .dvcMyPlansSection .dvcGlobalCheckAvailability .alert-error.dvcss-form-list {
    padding-bottom: 17px;
}

#dvcDashboard .dvcMyPlansSection .dvcGlobalCheckAvailability .pillbase.callToAction {
    background-color: #2094bb;
}

#dvcDashboard .dvcMyPlansSection .dvcGlobalCheckAvailability .button .buttonText {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
}

#dvcDashboard .dvcMyPlansSection .dvcGlobalCheckAvailability .button.blue {
    background-color: #2094bb;
}

#dvcDashboard .dvcMyPlansSection .dvcGlobalCheckAvailability .button.blue:hover,
#dvcDashboard .dvcMyPlansSection .dvcGlobalCheckAvailability .button.blue:focus {
    background-color: #56a6c1;
    text-decoration: none;
}

#dvcDashboard .dvcMyPlansSection .dvcGlobalCheckAvailability .button.blue span {
    top: -5px;
}


/********** Check Availability (Mobile) **********/

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansCheckAvailability .dvcCheckAvailabilityMobileCta {
        border-radius: 6px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansCheckAvailability .dvcCheckAvailabilityMobileCta .dvcss-well {
        padding: 21px 20px 26px;

        border-radius: 6px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansCheckAvailability .dvcCheckAvailabilityMobileCta .dvcCheckAvailabilityMobileCtaDesc {
        margin-bottom: 10px;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansCheckAvailability .dvcCheckAvailabilityMobileCta .dvcCheckAvailabilityMobileCtaAction .dvcss-btn {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 600;
    }

}

/**--------------------------------------------------
 * Booking Window Calculator
 *---------------------------------------------------*/

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator > .panel {
    margin: 0 2px;
    border: 0;
}

/********** Panel Heading **********/

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading {
    padding: 7px 19px;
    background: #e5f3f8;
    border-bottom: 0;
    border-radius: 6px;
    color: #253b56;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading.expanded {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .panel-title,
#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .panel-title a {
    color: #253b56;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .panel-title {
    margin-bottom: 3px;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media {
    overflow: visible;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media > .dvcss-pull-left {
    margin-right: 18px;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media > .dvcss-pull-left .dvcss-pepmdxii-alarm-clock {
    margin-top: -24px;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .media-body {
    padding-top: 15px;
    padding-bottom: 4px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .dvcss-form {
    display: inline;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .dvcss-form .form-control {
    margin-top: 0;
    margin-bottom: 0;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement {
    top: 2px;
    margin: -5px 10px 0 9px;
    margin-top: -5px!important;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement .textInput {
    min-height: 0;
    width: auto;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerGroup button:focus {
    outline: 1px dotted;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement .textInput input {
    width: 116px;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: bottom;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement .datePicker .ui-datepicker-trigger {
    right: 3px;
    top: 2px;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerGroup {
    display: inline;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerClose a {
    color: #a1afc0;
    font-size: 15px;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerClose a .dvcss-pepmdxicon {
    color: #a1afc0;
    font-size: 15px;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerClose a:hover .dvcss-pepmdxicon{
    color: #253b56;
    font-size: 15px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading {
        padding: 7px 20px 15px 14px;
        border-radius: 6px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .media-body {
        position: relative;
        left: 4px;
        padding-bottom: 5px;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .panel-title,
    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .panel-title a {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .panel-title {
        margin-bottom: 4px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media > .dvcss-pull-left {
        margin-right: 9px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media > .dvcss-pull-left .dvcss-pepmdxii-alarm-clock {
        margin-top: -21px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement {
        display: table-cell;
        float: none;
        margin-top: 0!important;
        margin-bottom: 3px!important;
        margin-left: 0;
        margin-right: 0;
        padding-top: 10px;
        padding-left: 1px;
        padding-right: 12px;
        width: 100%;
        vertical-align: top;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement .textInput {
        display: inline-block;
        width: 100%;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement .textInput label {
        width: auto;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement .textInput input {
        padding-left: 8px;
        width: 100%;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement .datePicker .ui-datepicker-trigger {
        top: 7px;
        right: 7px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerGroup {
        display: block;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerClose {
        display: table-cell!important;
        float: none;
        vertical-align: top;
        padding-top: 16px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerClose a,
    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerClose a .dvcss-pepmdxicon {
        position: relative;
        top: 3px;
        font-size: 20px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerClose a:hover .dvcss-pepmdxicon{
        color: #253b56;
        font-size: 20px;
    }

}


/********** Panel Body **********/

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-collapse {
    margin: -3px 1px 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-body {
    padding: 14px 0 0;
}


/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-collapse {
        margin: -6px 0 0;
        background: #e5f3f8;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-body {
        padding: 19px 20px 18px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile ul {
        margin: 20px 0 0;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile ul > li + li {
        margin-top: 18px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile ul > li:first-child {
        margin-top: 0;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile .dvcBookingWindowMobileData .dvcBookingWindowMobileDataTitle {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile .dvcBookingWindowMobileData .dvcBookingWindowMobileDataTitle strong {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile .dvcBookingWindowMobileData .dvcBookingWindowMobileDataTitle small {
        display: block;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile .dvcBookingWindowMobileData .dvcBookingWindowMobileDataDesc {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile .dvcBookingWindowMobileData .dvcBookingWindowMobileDataDesc small {
        display: block;
        font-size: 12px;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile .dvcBookingWindowMobileData .dvcBookingWindowMobileDataDesc a {
        display: none;
    }

}

/* Desktop query */
@media screen and (min-width: 768px) {

    #dvcDashboard .dvcMyPlansBookingWindowCalculator {
        padding: 15px 29px 0;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator {
        padding: 0;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansCheckAvailability .dvcMyPlansCheckAvailabilityHeader {
        margin-bottom: 35px;
    }

    #dvcDashboard .dvcMyPlansBookingWindowCalculator .panel {
        padding: 0 0;
        margin-bottom: 7px;
    }

    #dvcDashboard .dvcMyPlansBookingWindowCalculator.membershipMultiple {
        padding-top: 0;
        padding-bottom: 13px;
        margin-top: -20px;
    }

    #dvcDashboard .dvcMyPlansBookingWindowCalculator.membershipMultiple .panel {
        padding: 0;
    }

    #dvcDashboard .dvcMyPlansBookingWindowCalculator .panel .dvcMyMembershipsLinkAccount .dvcss-well {
        border-radius: 6px;
        padding: 22px 20px 24px 24px;
    }

    #dvcDashboard .dvcMyMembershipsLinkAccount .dvcss-dt-cell.media-body-left {
        width: 100%;
    }

    #dvcDashboard .dvcMyMembershipsLinkAccount .media-body,
    #dvcDashboard .dvcMyMembershipsLinkAccount .media-title,
    #dvcDashboard .dvcMyMembershipsLinkAccount .media-desc {
        max-width: 620px;
    }

    #dvcDashboard .dvcMyMembershipsLinkAccount .media-title {
        margin-bottom: 2px;
    }

    #dvcDashboard .dvcMyMembershipsLinkAccount .dvcss-dt-cell.media-body-right {
        vertical-align: middle;
    }

}


/********** Panel Footer **********/

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-footer {
    padding-top: 7px;
    padding-bottom: 12px;
    background-color: #f7f7f7;
    border-top: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    text-align: center;
}

#dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-footer a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-footer {
        margin-bottom: 0;
        padding: 0 20px 22px;
        background-color: #e5f3f8;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        text-align: left;
    }

    #dvcDashboard .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-footer a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

}


/*----------------------------------------
* Memberships News and Offers Section
*----------------------------------------*/

#dvcDashboard .dvcMembershipNewsOffersSection {
    position: relative;
    z-index: 0;
}

#dvcDashboard .dvcMembershipNewsOffersSection .dvcss-section-title {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 20px;
}

#dvcDashboard .dvcMembershipNewsOffersSection > .dvcss-panel > .panel-body {
    padding: 39px 39px 35px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMembershipNewsOffersSection .dvcss-section-title {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
    }

    #dvcDashboard .dvcMembershipNewsOffersSection > .dvcss-panel > .panel-body {
        padding: 14px 8px 8px;
    }

}

/********** Title **********/

#dvcDashboard .dvcMembershipNewsOffersTitle {
    margin-bottom: 44px;
}

#dvcDashboard .dvcMembershipNewsOffersTitle ul.list-inline {
    margin: 2px -5px 0 0;
}

#dvcDashboard .dvcMembershipNewsOffersTitle ul.list-inline > li > a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

#dvcDashboard .dvcMembershipNewsOffersTitle ul.list-inline > li.list-divider {
    padding: 0;
    color: #a1afc0;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMembershipNewsOffersTitle:before,
    #dvcDashboard .dvcMembershipNewsOffersTitle:after {
        display: table;
        content: " ";
    }

    #dvcDashboard .dvcMembershipNewsOffersTitle:after {
        clear: both;
    }

    #dvcDashboard .dvcMembershipNewsOffersTitle {
        margin-bottom: 12px;
    }

    #dvcDashboard .dvcMembershipNewsOffersTitle ul.list-inline > li > a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

}

/********** Story Cards **********/

#dvcDashboard .dvcMembershipNewsOffersSection > .dvcss-panel {
    margin-bottom: 10px;
}

#dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersStoryCards {
    border-right: 1px solid #dfdfdf;
    padding-right: 31px;
    width: 67.5%;
}

#dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersStoryCards .storyCardImageHolder img.lazy {
    height: auto;
    width: auto;
    max-width: 170px;
}

#dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersStoryCards .storyCardWrapper {
    margin-top: -20px;
    margin-bottom: -20px;
}

#dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersStoryCards .storyCardWrapper .storyCardImageHolder img,
#dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersStoryCards .storyCardWrapper .storyCardImageHolder img.lazy {
    width: auto;
}

#dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersStoryCards .storyCardWrapper .dvcss-storycard:first-child > .dvcss-hr-faded {
    display: none;
}

#dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersStoryCards .storyCardDescription {
    display: block;
    padding-left: 19px;
    padding-right: 0;
}

#dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersStoryCards .storyCardDescription h3 {
    margin-right: 62px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    max-width: 318px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersStoryCards {
        display: block;
        float: none;
        padding-right: 15px;
        padding-left: 17px;
        width: auto;
        border-right: 0;
    }

    #dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersStoryCards .storyCardWrapper {
        margin-top: -10px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersStoryCards .storyCardBlock {
        padding-top: 25px;
    }

    #dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersStoryCards .storyCardImageHolder {
        margin-right: 2px;
    }

    #dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersStoryCards .storyCardDescription {
        display: block;
        padding: 10px 0 10px;
    }

    #dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersStoryCards .storyCardDescription h3 {
        margin-right: 37px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        max-width: 247px;
    }

    #dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersStoryCards .dvcss-storycard-caret {
        right: -6px;
    }

}


/*********** Aside Offers **********/

#dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersSideFeatured {
    margin-left: 0;
    padding-right: 13px;
    width: 32.5%;
}

#dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersSideFeatured .dvcAsideOffer {
    border: 0;
    margin-top: 52px;
    margin-bottom: 0;
    padding: 0 5px;
}

#dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersSideFeatured .dvcAsideOffer:first-child {
    margin-top: 0;
}

#dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersSideFeatured .promoTileImage {
    margin-top: 0;
    margin-bottom: 3px;
    height: auto;
    width: auto;
}

#dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersSideFeatured .dvcAsideOffer .caption {
    padding-top: 10px;
}

#dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersSideFeatured .dvcAsideOffer .caption h3 {
    max-width: 233px;
    margin-bottom: 3px;
    border: 0;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

#dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersSideFeatured .dvcAsideOffer .caption a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersSideFeatured {
        float: none;
        margin-left: 0;
        padding-right: 15px;
        width: auto;
    }

    #dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersSideFeatured .dvcAsideOffer {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    #dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersSideFeatured .dvcAsideOffer .dvcAsideOfferInner {
        padding-top: 25px;
        padding-bottom: 24px;
    }

    #dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersSideFeatured .dvcAsideOffer .dvcAsideOfferObject {
        display: table-cell;
        float: none;
        width: 85px;
        vertical-align: top;
    }

    #dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersSideFeatured .dvcAsideOffer .caption {
        display: table-cell;
        margin-top: -6px;
        padding-top: 0;
        vertical-align: middle;
    }

    #dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersSideFeatured .dvcAsideOffer .caption h3 {
        max-width: none;
        margin-bottom: 5px;
        padding-left: 0;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersSideFeatured .dvcAsideOffer .caption a {
        border-bottom: 0;
    }

    #dvcDashboard .dvcMembershipNewsOffersSection .dvcMembershipNewsOffersSideFeatured .promoTileImage {
        margin-left: 0;
        margin-bottom: 0;
        height: auto;
        width: auto;
        max-width: 100%;
    }

}

/************** DFM ***************/

#dvcDashboard .dvcMembershipNewsOffersDFMWrapper {
    margin-bottom: -50px;
}

#dvcDashboard .dvcMembershipNewsOffersDFMWrapper .dvcss-dt {
    margin: 0 auto;
    padding-left: 40px;
}

#dvcDashboard .dvcMembershipNewsOffersDFMWrapper .dvcDesktopDesc .dvcDesktopDescInner .dvcss-section-h1 {
    margin-left: 30px;
    margin-bottom: 5px;
}

#dvcDashboard .dvcMembershipNewsOffersDFMWrapper .dvcDesktopDesc .dvcDesktopDescInner .dvcMembershipNewsOffersDFMDescription{
    margin-left: 30px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcMembershipNewsOffersDFMWrapper {
        margin-bottom: 0;
    }

    #dvcDashboard .dvcMembershipNewsOffersSection .list-inline > li {
        margin-top: 12px;
        padding-left: 2px;
        padding-right: 7px;
    }

    #dvcDashboard .dvcMembershipNewsOffersDFMWrapper .dvcss-dt {
        display: block;
        padding-left: 0;
    }

    #dvcDashboard .dvcMembershipNewsOffersDFMWrapper .dvcss-dt .dvcss-dt-cell {
        display: block;
        text-align: center;
    }

    #dvcDashboard .dvcMembershipNewsOffersDFMWrapper img {
        position: relative;
        z-index: 1;
        margin-bottom: 0;
        height: 300px;
    }

    #dvcDashboard .dvcMembershipNewsOffersDFMWrapper .dvcss-hr-faded {
        position: relative;
        z-index: 0;
        box-shadow: 0 -1px 2px 0 #ddd;
    }

    #dvcDashboard .dvcMembershipNewsOffersDFMWrapper .dvcMobileDesc {
        text-align: center;
    }

    #dvcDashboard .dvcMembershipNewsOffersDFMWrapper .dvcMobileDesc .dvcss-section-title {
        margin: 18px auto 5px;
        max-width: 250px;
    }

    #dvcDashboard .dvcMembershipNewsOffersDFMWrapper .dvcMobileDesc .dvcMembershipNewsOffersDFMDescription {
        margin: 0 auto;
        max-width: 250px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcDashboard .dvcMembershipNewsOffersDFMWrapper .dvcMobileDesc .dvcMembershipNewsOffersDFMDescription p {
        margin-bottom: 0;
    }

    #dvcDashboard .dvcMembershipNewsOffersTitle ul.list-inline > li.list-divider {
        position: relative;
        top: -3px;
        margin-right: 6px;
    }

}

#dvcDashboard .dvcss-panel.singleMembershipWithTopLink .dvcMyMembershipsTitle ul.list-inline {
    margin: 0 -5px 0 0;
    text-align: right;
}

#dvcDashboard .singleMembershipWithTopLink .dvcMyMembershipsTitle {
    padding: 39px 38px 0;
}

#dvcDashboard .singleMembershipWithTopLink .dvcMyMembershipsTitle .dvcss-section-title {
    float: left;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 20px;
    vertical-align: middle;
}

#dvcDashboard .dvcss-panel.singleMembershipWithTopLink .carousel {
    border-top-color: #ddd;
    border-top: 1px solid #ddd;
    margin: 50px -10px;
}

#dvcDashboard .dvcss-panel.singleMembershipWithTopLink .carousel-inner {
    padding: 0 10px;
}

#dvcDashboard .dvcMySocialLinksSection {
    text-align: center;
    margin-bottom: 20px;
}

#dvcDashboard .dvcMySocialLinksSection .dvcss-section-title {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 20px;
    vertical-align: middle;
    margin: 25px 0 30px;
}

#dvcDashboard .dvcMySocialLinksSection .pepMdxIcon {
    display: block;
    font-size: 40px;
    margin-top: -5px;
}

#dvcDashboard .dvcMySocialLinksSection .text {
    margin-bottom: 20px;
}

#dvcDashboard .dvcMySocialLinksSection .col-md-4 {
    padding: 0 30px;
}

#dvcDashboard .dvcMySocialLinksSection .dvcss-panel.panel-lg > .panel-body {
    padding: 0 0 36px;
}

#dvcDashboard .dvcMySocialLinksSection .dvc-dash-board-social-link {
    border-right: 1px solid #dfdfdf;
    min-height: 150px;
}

#dvcDashboard .dvcMySocialLinksSection .dvc-dash-board-social-link .dvc-link {
    display: block;
    margin-top: 25px;
}

#dvcDashboard .dvcMySocialLinksSection .dvc-dash-board-social-link:last-child {
    border-right: none;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDashboard .dvcss-panel.singleMembershipWithTopLink .dvcMyMembershipsTitle {
        padding: 10px 0;
    }

    #dvcDashboard .singleMembershipWithTopLink .dvcMyMembershipsTitle .dvcss-section-title {
        float: none;
    }

    #dvcDashboard .dvcss-panel.singleMembershipWithTopLink .carousel-inner {
        padding: 20px 10px;
    }

    #dvcDashboard .dvcss-panel.singleMembershipWithTopLink .carousel {
        margin: 0 -10px;
    }

    #dvcDashboard .dvcss-panel.singleMembershipWithTopLink .dvcMyMembershipsTitle ul.list-inline {
        text-align: left;
    }

    #dvcDashboard .dvcMySocialLinksSection .pepMdxIcon {
        font-size: 30px;
        float: left;
    }

    #dvcDashboard .dvcMySocialLinksSection {
        text-align: left;
    }

    #dvcDashboard .dvcMySocialLinksSection .dvc-dash-board-social-link {
        border: none;
        min-height: auto;
    }

    #dvcDashboard .dvcMySocialLinksSection .col-md-4 {
        padding: 0 20px;
    }

    #dvcDashboard .dvcMySocialLinksSection .dvcss-section-title {
        line-height: 24px;
        text-align: center;
        padding: 0 20px;
    }

    #dvcDashboard .dvcMySocialLinksSection .text {
        margin-left: 40px;
    }

    #dvcDashboard .dvcMySocialLinksSection .dvc-dash-board-social-link .dvc-link {
        margin-top: 10px;
        font-weight: bold;
    }
}

/**************************************************
 * Dashboard Notification Page - dashboard-messages.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: ogoyb001 $
 * $Revision: #10 $
 * $Change: 1646815 $
 * $Date: 2016/10/24 $
 **************************************************/

#dvcDashboardMessages .panel-body {
    padding: 24px 19px 0 19px;
}

#dvcDashboardMessages .contentPageTitle{
    margin-bottom: 16px;
}

#dvcDashboardMessages #membership_id-label {
    font-size: 14px;
    margin-bottom: 8px;
}

#dvcDashboardMessages ul.notificationList {
    margin-left: 15px;
    margin-top: 20px;
    list-style: none;
}

/* For IE 10 and */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #dvcDashboardMessages ul.notificationList {
        list-style: disc;
    }
}

#dvcDashboardMessages ul.notificationList.singleMembershipID {
    margin-top: 10px;
}

#dvcDashboardMessages ul.notificationList li {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    line-height: 20px;
    max-width: 620px;
    display: table-row;
}

#dvcDashboardMessages ul.notificationList li:before {
   font-family: pepmdx2;
   content: "\e315\fe0e";
   font-size: 6px;
   padding-right: 10px;
   vertical-align: top;
   display: table-cell;
}

#dvcDashboardMessages ul.notificationList li > .panel {
    display: table-cell;
    padding-bottom: 15px;
}

/* For IE 10 and */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #dvcDashboardMessages ul.notificationList li {
        display: list-item;
    }

    #dvcDashboardMessages ul.notificationList li:before {
       font-family: inherit;
       content: "";
    }

    #dvcDashboardMessages ul.notificationList li > .panel {
        position: relative;
        top: -20px;
        padding-bottom: 0;
    }
}

#dvcDashboardMessages .dvcDashboardMessagesTitle ul{
    margin-bottom: 3px;
    margin-top: 12px;
    margin-right: 0;
}

#dvcDashboardMessages .dvcDashboardMessagesTitle li{
    padding-right: 0;
}

.dvcDashboardMessageMembershipIDLabel {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    #dvcDashboardMessages .panel-body {
       padding-left: 8px;
       padding-top: 3px;
       padding-right: 8px;
    }

    #dvcDashboardMessages .dvcDashboardMessagesTitle ul {
        margin-bottom: 0;
    }

    #dvcDashboardMessages .dvcDashboardMessagesTitle li {
        padding-left: 6px;
    }

    #dvcDashboardMessages .contentPageTitle {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        margin-top: 4px;
        margin-bottom: 6px;
    }

    #dvcDashboardMessages .selectBox {
        width: 100%;
    }

    #dvcDashboardMessages #membership_idid-base{
        display: block;
        margin-top: 10px;
    }

    #dvcDashboardMessages #membership_id-label {
        margin-bottom: 4px;
    }
}

#dvcDashboardMessages .sectionInnerContentRow>.col-sm-9 {
    width: auto;
    max-width: 660px;
}

/* Mobile query */
@media ( max-width : 767px) {

    #dvcDashboardMessages .sectionInnerContentRow>.col-sm-9 {
        width: auto;
        max-width: none;
    }

}

#dvcDashboardMessages .sectionNotificationPanels>.pep2-well {
    margin-top: 12px;
    padding: 0;
}

#dvcDashboardMessages .sectionNotificationPanels .panel-group {
    margin-bottom: 25px;
}

#dvcDashboardMessages .sectionNotificationPanels .panel-group .panel+.panel {
    margin-top: 0;
}

#dvcDashboardMessages .sectionNotificationPanels .panel {
    background: none;
    border: 0;
    border-top: 1px solid #dfdfdf;
    border-radius: 0;
}

#dvcDashboardMessages .sectionNotificationPanels .panel:first-child {
    border-top: 0;
}

#dvcDashboardMessages .sectionNotificationPanels .panel .peptasia-alert {
    font-size: 24px;
}

#dvcDashboardMessages .sectionNotificationPanels .panel .panel-heading {
    padding: 14px 18px 14px;
}

#dvcDashboardMessages .sectionNotificationPanels .panel .panel-heading,
#dvcDashboardMessages .sectionNotificationPanels .panel .panel-heading .panel-title {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

#dvcDashboardMessages .sectionNotificationPanels .panel .panel-heading .panel-title .media-left {
    margin-right: 10px;
    padding-right: 5px;
}

#dvcDashboardMessages .sectionNotificationPanels .panel .panel-heading .panel-title .media-heading {
    margin-top: 2px;
}

#dvcDashboardMessages .sectionNotificationPanels .panel .panel-heading .panel-title .media-heading p {
    margin-bottom: 5px;
}

#dvcDashboardMessages .sectionNotificationPanels .panel .panel-heading .elemReadMore {
    display: none;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#dvcDashboardMessages .sectionNotificationPanels .panel .panel-heading .elemReadMore.collapsed {
    display: inline;
}

/* Mobile query */
@media ( max-width : 767px) {

    #dvcDashboardMessages .sectionNotificationPanels .panel .panel-heading {
        padding: 19px 15px 14px 12px;
    }

    #dvcDashboardMessages .sectionNotificationPanels .panel .panel-heading .panel-title .media-left {
        margin-right: 0;
        padding-right: 5px;
    }

    #dvcDashboardMessages .sectionNotificationPanels .panel .panel-heading .panel-title .media-heading {
        margin-top: 0;
    }

}

#dvcDashboardMessages .sectionNotificationPanels .panel .panel-collapse {
    position: relative;
    top: -13px;
}

/* Mobile query */
@media ( max-width : 767px) {

    #dvcDashboardMessages .sectionNotificationPanels .panel .panel-collapse {
        top: -11px;
    }

}

#dvcDashboardMessages .sectionNotificationPanels .panel .panel-body {
    padding: 0 18px 11px;
    border-top: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#dvcDashboardMessages .sectionNotificationPanels .panel .panel-body>.media .media-left {
    margin-right: 10px;
    padding-right: 5px;
}

#dvcDashboardMessages .sectionNotificationPanels .panel .panel-body .elemDetailedDesc {
    margin-bottom: 22px;
}

#dvcDashboardMessages .sectionNotificationPanels .panel .panel-body .elemDetailedDesc>p {
    margin-top: 22px;
    margin-bottom: 0;
}

#dvcDashboardMessages .sectionNotificationPanels .panel .panel-body .elemDetailedDesc>p:first-child {
    margin-top: 0;
}

/* Mobile query */
@media ( max-width : 767px) {

    #dvcDashboardMessages .sectionNotificationPanels .panel .panel-body {
        padding: 0 15px 11px 12px;
    }

    #dvcDashboardMessages .sectionNotificationPanels .panel .panel-body>.media .media-left {
        margin-right: 0;
        padding-right: 5px;
    }

}

/* Alert Notification */

#dvcDashboardMessages .sectionAlertNotificationPanels>.pep2-well {
    margin-top: 12px;
    padding: 0;
}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel-group {
    margin-bottom: 25px;
}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel-group .panel+.panel {
    margin-top: 0;
}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel {
    background: none;
    border: 0;
    border-top: 1px solid #dfdfdf;
    border-radius: 0;
}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel:first-child {
    border-top: 0;
}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel .peptasia-alert {
    font-size: 24px;
}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-heading {
    padding: 0;
}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-heading,
#dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-heading .panel-title {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-heading .panel-title .media-left {
    padding-right: 15px;
}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-heading .panel-title .media-heading {
    margin-top: 2px;
}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-heading .elemReadMore {
    display: none;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-heading .elemReadMore.collapsed {
    display: block;
}

/* For chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-heading .elemReadMore.collapsed {
        display: -webkit-inline-box;
    }
}

/* Mobile only */
@media ( max-width : 767px) {
    #dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-heading .panel-title .media-left {
        padding-right: 5px;
    }

}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-collapse {
    margin-top: 0;
}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-collapse > .panel-body {
    padding: 0;
}

/* Mobile only */
@media ( max-width : 767px) {

    #dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-collapse {
        top: -11px;
    }

}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-body {
    padding: 0 18px 0px;
    border-top: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-body>.media .media-left {
    padding-right: 15px;
}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-body .elemDetailedDesc {
    margin-bottom: 10px;
}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-body .elemDetailedDesc>p {
    margin-top: 22px;
    margin-bottom: 0;
}

#dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-body .elemDetailedDesc>p:first-child {
    margin-top: 0;
}

/* Mobile only */
@media ( max-width : 767px) {

    #dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-body {
        padding: 0 15px 11px 12px;
    }

    #dvcDashboardMessages .sectionAlertNotificationPanels .panel .panel-body>.media .media-left {
        padding-right: 5px;
    }

}


/**************************************************
 * Member Points Overview Page - member-points-overview.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: TUAZR001 $
 * $Revision: #52 $
 * $Change: 1647772 $
 * $Date: 2016/11/14 $
 **************************************************/

#memberPointsPage .dvcss-content-header {
    padding: 18px 25px 6px;
}

/**
 *===========================
 * Membership CTA section
 *===========================
 *
 * <.membershipCTAGroup>
 *      |
 *      |-- <.membershipCTA>
 *
 */

#memberPointsPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading {
    padding-left: 39px;
    padding-right: 39px;
    padding-bottom: 17px;
    padding-bottom: 17px;
}

#memberPointsPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading .panel-title .media > .media-left {
    display: none;
}

#memberPointsPage .membershipListAccordion.membershipListAccordionSingle .membershipListAccordionPanelCollapse  > .panel-body {
    border-top-color: transparent;
    padding-top: 2px;
}

#memberPointsPage .membershipListAccordion .membershipListAccordionPanelCollapse > .panel-body {
    padding-bottom: 0;
}

#memberPointsPage .membershipListAccordion .membershipCTAGroup {
    margin-bottom: 34px;
}

#memberPointsPage .membershipListAccordion .membershipCTAGroup .membershipCTA {
    min-height: 210px;
    max-height: 255px;
    width: 1%;
}

#memberPointsPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-text > strong {
    font-size: 18px;
}


#memberPointsPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-inner {
    margin-left: auto;
    margin-right: auto;
    min-width: 135px;
    max-width: 180px;
}

#memberPointsPage .membershipListAccordion .membershipCTAGroup .membershipCTA.membershipCTANoPoints .flexbox-block {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
}

#memberPointsPage .membershipListAccordion .membershipCTAGroup .membershipCTA.membershipCTANoPoints .flexbox-subtitle {
    min-height: 0;
    max-height: none;
    word-break: break-word;
    margin-bottom: 0;
}

#memberPointsPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-footer .dvcss-btn {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #memberPointsPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading {
        border-radius: 6px 6px 0 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    #memberPointsPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading .panel-title .media > .media-body > .media-table > .media-body {
        display: block;
    }

    #memberPointsPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading .panel-title .media > .media-body > .media-table > .media-right {
        display: block;
        padding-left: 0;
    }

    #memberPointsPage .membershipListAccordion .membershipListAccordionPanelCollapse > .panel-body {
        border-top: 0;
        padding-top: 5px;
    }

    #memberPointsPage .membershipListAccordion .membershipCTAGroup {
        margin-bottom: 0;
    }

    #memberPointsPage .membershipListAccordion .membershipCTAGroup .dvcss-flexbox-group {
        display: block;
    }

    #memberPointsPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-footer .dvcss-btn {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    }

    #memberPointsPage .membershipListAccordion .membershipCTAGroup .membershipCTA {
        margin: 0 15px 25px;
        padding: 18px 20px 25px;
        width: auto;
        min-height: 148px;
    }

    #memberPointsPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-text > strong {
        font-size: 14px;
    }

    #memberPointsPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-inner {
        max-width: none;
    }

    #memberPointsPage .membershipListAccordion .membershipContentResult .membershipCTA .flexbox-footer .flexbox-inner {
        margin-left: auto;
        margin-right: auto;
        min-width: 135px;
        max-width: 180px;
    }

}


/***** CTA No Points Left to Bank *****/

/* Mobile only */
@media screen and (max-width: 767px) {

    #memberPointsPage .membershipListAccordion .membershipCTAGroup .membershipCTA.membershipCTANoPoints .flexbox-title {
        line-height: 25px;
        margin-bottom: 0;
    }

}


/**
 *===========================
 * Use Years Carousel
 *===========================
 *
 *
 *
 */

@media screen and (max-width: 767px) {

    #memberPointsPage .membershipListAccordion .useYearsSwiper {
        display: block;
        margin-left: -10px;
        margin-right: -10px;
        width: auto;
    }

    #memberPointsPage .membershipListAccordion .useYearsSwiper.swiper-edge-start {
        margin-left: 0;
    }

    #memberPointsPage .membershipListAccordion .useYearsSwiper.swiper-edge-end {
        margin-right: 0;
    }

    .touch #memberPointsPage .membershipListAccordion .useYearsSwiper.swiper-edge-end {
        margin-right: -5px;
    }

    #memberPointsPage .membershipListAccordion .useYearsCarousel {
        margin-top: -5px;
    }

    #memberPointsPage .membershipListAccordion .useYearsCarousel .slick-slide {
        display: block;
        float: left;
        width: 240px;
    }

}


/**
 *===========================
 * Membership ContentLoader
 *===========================
 *
 * <.membershipContentLoader>
 *
 */

#memberPointsPage .membershipListAccordion .membershipListAccordionPanelCollapse .membershipContentLoader  {
    text-align: center;
    margin-bottom: 30px;
}

/**
 *===========================
 * Contract Info Section
 *===========================
 *
 * <.contractInfoSection>
 *
 */

#memberPointsPage .membershipListAccordion .contractInfoSection .h3 {
    margin-top: 0;
    margin-bottom: 19px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #memberPointsPage .membershipListAccordion .contractInfoSection .h3 {
        margin-top: 42px;
        margin-bottom: 15px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}


/* Desktop only */
@media screen and (min-width: 768px) {

    #memberPointsPage .membershipListAccordion .contractInfoSection .swiper-container-android .swiper-slide,
    #memberPointsPage .membershipListAccordion .contractInfoSection .swiper-wrapper {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
    }

}

@media screen and (min-width: 768px) {
    html[lang="ja"] #memberPointsPage .membershipListAccordion .membershipCTAGroup .membershipCTA {
        min-height: 250px !important;
        max-height: 330px !important;
    }
}

/**
 *===========================
 * Contract Activity List
 *===========================
 *
 * <.contractActivityList>
 *      |
 *      |-- <.list-item>
 *              |
 *              |-- <.contractActivitySummaryDrawer>
 */

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item {
    background-color: transparent;
    padding-top: 25px;
    padding-bottom: 23px;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item:last-child {
    padding-bottom: 20px;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 100;
    line-height: 25px;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body > div:first-child {
    margin-bottom: 10px;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body strong,
#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body h3 {
    display: block;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 0;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-right {
    padding-top: 5px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-right small {
    display: block;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-right .lead {
    margin-top: 12px;
    margin-bottom: 8px;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    line-height: 45px;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-right .lead strong {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 38px;
    font-weight: 600;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-right a .collapsed-shown,
#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-right a .collapsed-hidden {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-right a.collapsed:focus .collapsed-shown {
    text-decoration: underline;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer {
    border: 1px solid transparent;
    margin-bottom: 0;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse {
    margin-top: -4px;
    margin-bottom: -25px;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item:last-child .contractActivitySummaryDrawer > .panel-collapse {
    margin-bottom: -17px;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-wrapper {
    position: relative;
    z-index: 1;
    background: #fff;
    padding-top: 25px;
    padding-bottom: 5px;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item:last-child .contractActivitySummaryDrawer > .panel-collapse .panel-wrapper {
    padding-bottom: 30px;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel {
    background-color: #F3FDFF;
    border: 1px solid #e3e7e9;
    border-radius: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body {
    position: relative;
    padding: 30px 30px 1px;
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body .panel-caret {
    position: absolute;
    top: -21px;
    right: 80px;
    z-index: 1;
    border-top: 0;
    border-bottom: 21px solid;
    border-right: 23px solid transparent;
    border-left: 23px solid transparent;
    color: #ddd;
    height: 0;
    width: 0;
    vertical-align: middle;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body .panel-caret:after {
    content: "";
    position: absolute;
    top: 1px;
    left: -22px;
    color: #F3FDFF;
    border-top: 0;
    border-bottom: 20px solid;
    border-right: 22px solid transparent;
    border-left: 22px solid transparent;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group-header {
    margin-bottom: 3px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group {
    margin-bottom: 7px;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group .list-group-item {
    background: none;
    border-left: 0;
    border-right: 0;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 15px 0 15px;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group .list-group-item .badge {
    margin-top: 0;
    padding: 0;
    background: none;
    border-radius: 0;
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group-footer {
    padding-top: 4px;
    padding-bottom: 9px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel .panel-footer {
    background: none;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    padding-top: 18px;
    padding-bottom: 25px;
}


/* Mobile only */
@media screen and (max-width: 767px) {

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList {
        padding-top: 3px;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item {
        padding-top: 27px;
        padding-bottom: 22px;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item:last-child {
        padding-bottom: 17px;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body {
        display: block;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body div:first-child {
        margin-top: 0;
        margin-bottom: 12px;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body strong,
    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body h3 {
        font-size: 14px;
        line-height: 20px;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body h3 {
        margin-bottom: 5px;
        display:block;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-right {
        display: block;
        text-align: left;
        margin-top: 27px;
        padding-left: 0;
        padding-top: 0;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        white-space: normal;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-right small {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-right .lead {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 28px;
        font-weight: 600;
        line-height: 45px;
        margin-top: 0;
        margin-bottom: 12px;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-right .lead strong {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 38px;
        font-weight: 600;
        line-height: 45px;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer {
        margin-left: -11px;
        margin-right: -11px;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel {
        border-radius: 0;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse {
        margin-top: -2px;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body {
        padding: 19px 10px 17px;
        color: #00233C;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-wrapper {
        padding-top: 12px;
        border-radius: 6px;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body .panel-caret {
        top: -13px;
        right: auto;
        left: 80px;
        border-bottom: 13px solid;
        border-right: 13px solid transparent;
        border-left: 12px solid transparent;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body .panel-caret:after {
        left: -12px;
        border-bottom: 12px solid;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group-header {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 10px;
        font-weight: 400;
        line-height: 25px;
        margin-bottom: 1px;
        padding: 0;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group {
        margin-bottom: 16px;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group .list-group-item {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;
        padding: 15px 0 13px;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group .list-group-item .badge {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-top: 0;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group-footer {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        padding: 8px 0 12px;
    }

    #memberPointsPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel .panel-footer {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        padding-top: 29px;
        padding-bottom: 25px;
    }

}

/**
 *===========================
 * Bank Points Info Drawer section
 *===========================
 *
 * <.bankPointsInfoDrawer>
 *
 */

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel {
    padding-top: 0;
}

#memberPointsPage .membershipListAccordion  .bankPointsInfoDrawer .panel-body {
    margin: 29px 0 32px;
    padding: 20px 30px 19px;
    position: relative;
    text-align: left;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTitle {
    margin-bottom: 20px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTitle h2 {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    margin-bottom:0;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .summaryContainer  .totalPtsBankContainer .totalPointsAvailableToBank {
    padding-left: 20px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .summaryContainer,
#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .summaryContainer:last-child,
#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .toRight,
#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .cDetails {
    padding: 0;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer.bankPointsInfoDrawerJp .panel-body h3 {
    font-size: 13px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body h3 {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0;
    font-weight: 600;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bp-contract {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    font-weight: 600;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .currentUseYearContainer {
    margin-bottom: 30px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .currentUseYearContainer .currentUseYear,
#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .currentUseYearContainer .bankingToUseYear {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 100;
    line-height: 25px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .currentUseYearContainer .currentUseYear {
    margin-bottom: 10px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .currentUseYearContainer .bankingToUseYear {
    margin-top: 0;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .yourBankingWindowCloses {
    padding-left: 4px;
    width: 262px;
    word-wrap: break-word;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .bankWindowContainer,
#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .currentUseYearContainer {
    max-width: 240px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .bankWindowContainer > .yourBankingWindowCloses > h4 > span {
    font-size: 22px;
    vertical-align: top;
    line-height: 48px;
    font-weight: 600;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .totalPtsBankContainer {
    max-width: 260px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .totalPtsBankContainer .tpbContainer {
    width: 212px;
    word-wrap: break-word;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .currentUseYearContainer .cuyContainer {
    width: 240px;
    word-wrap: break-word;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body  h4,
#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .use-yr {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 38px;
    line-height: 65px;
    margin-top: 0;
    margin-bottom: 0;
    word-break: break-word;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bpTotal {
    display: flex;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex: 1;       /* Safari 6.1+. iOS 7.1+, BB10 */
    -ms-flex: 1;           /* IE 10 */
    flex: 1;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer h4 {
    margin-bottom: 6px;
    word-wrap: break-word;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .contractNumberContainer {
    padding: 15px 0;
    max-width: 540px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .contractNumberContainer p {
    margin-bottom: 0;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .pointsAvailable {
    margin: 0;
    width: 110px;
    word-break: break-word;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .toLeft {
    padding-right: 0;
}


#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder:nth-child(2)  {
    border-top: 1px solid #dee2e7;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder {
    border-bottom: 1px solid #dee2e7;
    position: relative;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder:last-child {
    margin-bottom: 15px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .contract {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .contract .visible-obj {
    display: inline-block;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .contract .hiddenRname {
    display: none !important;
}

/**
 * Bank Points Info Drawer Loader
 *
 */

#memberPointsPage .membershipListAccordion  .bankPointsInfoDrawer .panel-body .is-loading-shown {
    position: absolute;
    top: -22px;
    left: -2px;
    right: -2px;
    bottom: -2px;
}

#memberPointsPage .membershipListAccordion  .bankPointsInfoDrawer .panel-body .is-loading-shown .is-loading-mask {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    background: #fff;
    border-radius: 12px;
    opacity: 0.5;
}

#memberPointsPage .membershipListAccordion  .bankPointsInfoDrawer .panel-body .is-loading-shown img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #memberPointsPage .membershipListAccordion  .bankPointsInfoDrawer .panel-body .is-loading-shown .is-loading-mask {
        border-radius: 0;
    }

}

/*PASSED DUE*/

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .contract .msgContractStatus {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .p_available.disabled, #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .pointsToBank.disabled  {
    opacity: 0.55;
}

/* END OF PASSED DUE */


#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .bankPointsDrawerToBankHead {
    display: flex;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex: 1;       /* Safari 6.1+. iOS 7.1+, BB10 */
    -ms-flex: 1;           /* IE 10 */
    flex: 1;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    width: 100%;
    margin-bottom: 3px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .bankPointsDrawerToBankHead .wrap {
    width: 33%;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .bankPointsDrawerToBankHead .ptHead {
    width: 100%;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    float: right;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .bankPointsDrawerToBankHead .wrap > .ptHead:first-child {
    float: left;
    width: 50%;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .bankPointsDrawerToBankHead .wrap .pointsToBankWrap {
    padding-left: 23px;
    display: table-cell;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .pointsToBank {
    width: 85px;
    max-width: 110px;
    height: 30px;
    border-radius: 6px;
    box-shadow: 0 1px 3px 0 #777;
    -webkit-appearance: none;
    padding-left: 9px;
    margin-top: 12px;
    margin-bottom: 5px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .pointsToBank:focus {
    box-shadow: 0 0 4px 1px #0079BC;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent {
    display: flex;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex: 1;       /* Safari 6.1+. iOS 7.1+, BB10 */
    -ms-flex: 1;           /* IE 10 */
    flex: 1;               /* NEW, Spec - Firefox, Chrome, Opera */
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    width: 100%;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .tpContainer {
    padding: 0;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer {
    text-align: right;
    margin-top: 22px;
    width:100%;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bpMsg {
    margin-bottom: 13px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bCont {
    margin-left: -8px;
    margin-right: -8px;
    padding-bottom: 11px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .btn-holder {
    display: flex;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex: 1;       /* Safari 6.1+. iOS 7.1+, BB10 */
    -ms-flex: 1;           /* IE 10 */
    flex: 1;               /* NEW, Spec - Firefox, Chrome, Opera */
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    margin-right: 9px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bhCancel {
    width: 110px;
    display: table-cell;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bhConfirm {
    width: 110px;
    display: table-cell;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bhCancel .btn-cancel,
#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bhConfirm .btn-confirm {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    width: 110px;
    height: 40px;
    font-weight: 600;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bhCancel .btn-cancel {
    background: #fff;
    color: #0079BC;
    border: 1px solid #0079BC;
    margin-left: -29px;
    margin-right: 18px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bhConfirm .btn-confirm {
    background: #6fa623;
    border-color: #6fa623;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .btn-confirm.disabled {
    background: #6fa623;
    border-color: #6fa623;
    opacity: 0.5;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .toRight .pointsAvailable .p_of,
#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .toRight .pointsAvailable .pt_available {
    visibility: hidden;
    display: none;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsArrow .arrow-up {
    display: block;
    position: absolute;
    top: -42px;
    left: 48%;
    width: 0;
    height: 0;
    border-color: transparent transparent #e2e3e3;
    border-style: solid;
    border-width: 21px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsArrow .arrow-up:after {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    left: -22px;
    width: 0;
    height: 0;
    border-color: transparent transparent #F3FDFF;
    border-style: solid;
    border-width: 22px;
}
/* BANKPOINTS ERROR MESSAGE */
#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .bankPointsErrorMsg {
    text-align: center;
    padding: 15px 20px 28px;
    margin-bottom: 25px;
    border-bottom: 1px solid #dee2e7;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .bankPointsErrorMsg h3 {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 3px;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .bankPointsErrorMsg p {
    margin-bottom: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    max-width: 710px;
    margin: auto;
}
/* END OF BANKPOINTS ERROR MESSAGE  */

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .pointsAvailable.disabled  {
    opacity: 0.55;
}

#memberPointsPage .membershipListAccordion .bpCollapse {
    margin-top: -34px;
}

/* Remove float */
#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder div[class^='col-'] {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .pointsToBank {
    margin-top: 0;
    margin-bottom: 0;
}

#memberPointsPage .membershipListAccordion .collapsed .collapsed-shown:hover {
    text-decoration: underline;
}

/* Remove float */

/* Error Message */
#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder.errormsg input {
    border: 1px solid #f00101;
    box-shadow: none;
}

#memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder.errormsg .errorMessage {
    text-align: right;
    margin: -5px 0 3px;
    color: #f00101;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 10px;
    line-height: 15px;
    word-break: break-word;
}
/* End of Error Message */

/* Mobile only */
@media screen and (max-width: 767px) {

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer {
        margin: 0 -10px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel {
        border: 0;
        padding-top: 3px;
    }

    #memberPointsPage .membershipListAccordion .bpCollapse {
        margin-top: -25px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body {
        padding: 30px 10px 19px;
        position: relative;
        margin: 15px 0 43px;
        border-radius: 0;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bp-contract {
        font-size: 14px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        margin-bottom: 0;
        font-weight: 600;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bp-contract.hidden {
        display: none !important;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .contract span:nth-child(3) {
        margin-bottom: 5px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .contract .visible-obj {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .bankPointsDrawerToBankHead {
        display: none;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder {
        padding-bottom: 35px;
        margin: 0 -11px;
        padding-left: 15px;
        padding-right: 15px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder.error {
        background: transparent;
        border: 0;
        color: #00233C;
        padding-top: 0;
    }

    /* PASSED DUE */

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .contract .msgContractStatus {
        display: block;
        margin-top: 10px;
        margin-bottom: -8px;
    }
    /* END OF PAST DUE */

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder:nth-child(2) {
        border-top: 1px solid #dee2e7;
        margin-left: -11px;
        margin-right: -11px;
        position: relative;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer {
        text-align: center;
        width: 100%;
        padding-top: 0;
        margin-top: 30px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bpMsg {
        max-width: 80%;
        margin: 0 auto 5px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent {
        justify-content: center;
        -webkit-justify-content: center;
        padding: 0 7px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .pointsToBank {
        height: 40px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 28px;
        padding-left: 9px;
        margin-top: 0;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder:last-child {
        margin-bottom: 20px;
        position:relative;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .contractNumberContainer {
        width: 100%;
        padding: 30px 0 9px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTitle  {
        margin-bottom: 20px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTitle h2 {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body h3 {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        margin-bottom: 0;
        font-weight: 600;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .yourBankingWindowCloses {
        padding-left:0;
        width:100%;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .currentUseYearContainer .cuyContainer,
    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .totalPtsBankContainer .tpbContainer {
        width:100%;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .totalPtsBankContainer {
        margin-bottom: 30px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .totalPtsBankContainer h4 {
        margin-bottom: 0;
        margin-top: 0;
        line-height: 45px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .bankWindowContainer > .yourBankingWindowCloses > h4 > span {
        line-height: 29px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .bankWindowContainer h4 {
        margin-top: 0;
        line-height: 45px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .currentUseYearContainer .currentUseYear {
        margin-bottom: 5px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .currentUseYearContainer .bankingToUseYear {
        margin-top: 0;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .currentUseYearContainer {
        margin-bottom: 30px;
        line-height: 20px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .bankWindowContainer,
    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .totalPtsBankContainer,
    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .currentUseYearContainer {
        max-width: 100%;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .bankPointsDrawerTotalPoints {
        width: 100%;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer h4,
    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .totalPtsBankContainer .pt-available,
    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .bankWindowContainer .use-yr {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 38px;
        line-height: 45px;
        margin-top: 0;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer h4 {
        margin-top: 0;
        margin-bottom: 10px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .bankWindowContainer {
        margin-bottom: 35px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .bankWindowContainer .use-yr {
        margin-bottom: 15px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .summaryContainer .totalPtsBankContainer .totalPointsAvailableToBank {
        padding-left: 0;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .bankWindowContainer {
        padding-left: 0;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bpTotal {
        display: block;
        justify-content: none;
        -webkit-justify-content: none;
        margin: 0 auto 15px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bpTotal h3 {
        margin: auto;
    }

    /* BUTTONS */

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bCont {
        margin-left: -8px;
        margin-right: -8px;
        margin-top: 1px;
        padding-bottom: 1px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .btn-holder {
        display: table !important;
        border-collapse: separate;
        border-spacing: 10px;
        width: 100%;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bhCancel {
        width: 33%;
        display:table-cell;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bhConfirm {
        width: 66%;
        display:table-cell;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bhCancel .btn-cancel {
        margin-left: 0;
        margin-right: 0;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bhCancel .btn-cancel,
    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .bhConfirm .btn-confirm {
        width: 100%;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .btn-cancel,
    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerTotalPointsParent .totalPointsContainer .btn-confirm {
        padding-top: 10px;
        padding-bottom: 7px;
        min-height: 40px;
        height: auto;
    }

    /* END OF BUTTONS */

    /* caret */

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsArrow .arrow-up {
        display: block;
        position: absolute;
        top: -25px;
        left: 48%;
        width: 0;
        height: 0;
        border-color: transparent transparent #e2e3e3 transparent;
        border-style: solid;
        border-width: 12px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsArrow .arrow-up:after {
        content: '';
        display: block;
        position: absolute;
        top: -11px;
        left: -13px;
        width: 0;
        height: 0;
        border-color: transparent transparent #F3FDFF transparent;
        border-style: solid;
        border-width: 13px;
    }

    /* end of caret */

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .cCont {
        position: relative;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .toRight {
        padding: 31px 0 0;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .toLeft {
        width: 85px;
        padding-left: 0;
        float: left !important;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .pointsAvailable {
        width: 100%;
        padding: 0;
        margin-left: 8px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .pointsAvailable .pt_available {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .toRight .pointsAvailable .p_available {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 28px;
        margin-right: 8px;
        max-width: 185px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .toRight .pointsAvailable .p_of {
        margin-right: 8px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .toRight .pointsAvailable .p_of,
    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .toRight .pointsAvailable .p_available,
    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .toRight .pointsAvailable .pt_available {
        visibility: visible;
        display: inline-block;
        line-height: 50px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .toRight .pointsAvailable .pt_available {
        line-height: 20px;
        width: 100px;
        vertical-align: middle;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .toRight .pointsAvailable > div {
        display: inline-block;
        line-height: 50px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsNotFound {
        padding: 0 20px 6px;
    }

    /* BANKPOINTS ERROR MESSAGE */

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .bankPointsErrorMsg {
        padding: 3px 20px 29px;
    }

    /* END OF BANKPOINTS ERROR MESSAGE  */

    /* ERROR MESSAGE */

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder.errormsg .errorMessage {
        font-size: 12px;
        line-height: 20px;
        text-align: left;
        margin-bottom: -25px;
        margin-top: 6px;
        word-break: break-word;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder.errormsg input {
        border: 2px solid #f00101;
        box-shadow: none;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder.errormsg .hpointsToBank {
        color: #f00101;
        font-weight: 600;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 10px;
        line-height: 25px;
        margin-bottom: -4px;
        display: block;
        visibility: visible;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .hpointsToBank {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 10px;
        line-height: 25px;
        margin-bottom: 0;
        margin-top: 10px;
        display: block;
        visibility: visible;
        width: 125px;
    }

    /* END OF ERROR MESSAGE */
}

/* Tablet only */
@media screen and (min-width: 768px) and (max-width: 1024px) {

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .bankWindowContainer {
        padding-left: 17px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder .toLeft {
        padding-left: 15px;
        text-align: right;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .yourBankingWindowCloses {
        width: auto;
        padding-left: 0;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .totalPtsBankContainer .tpbContainer {
        width: 100%;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerToBank .contractHolder.errormsg .errorMessage {
        text-align: right;
        margin: -4px 0 3px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body h4 {
        font-size: 28px;
    }

    #memberPointsPage .membershipListAccordion .bankPointsInfoDrawer .panel-body .bankPointsDrawerSummary .bankWindowContainer > .yourBankingWindowCloses > h4  span {
        line-height: 54px;
    }
}

/**************************************************
 * Member Points History Page - member-points-history.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: MACAK009 $
 * $Revision: #23 $
 * $Change: 1647677 $
 * $Date: 2016/11/10 $
 **************************************************/

/**
|------------------------------------------------
| Member Points History Details Mobile
|------------------------------------------------
|
| <memberPointsHistoryDetailsMobile>
|
*/

/* Mobile only */
@media screen and (max-width: 767px) {
    
    #memberPointsHistoryPage .memberPointsHistoryDetailsMobile .details-main,
    #memberPointsHistoryPage .memberPointsHistoryDetailsMobile .details-main .lead {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryDetailsMobile .details-main .lead {
        margin-bottom: 25px;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryDetailsMobile .details-main small {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryDetailsMobile .details-sub {
        margin-top: 28px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryDetailsMobile .details-sub strong {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryDetailsMobile .details-group {
        margin-bottom: 5px;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryDetailsMobile .details-group:last-child {
        margin-bottom: 30px;
        margin-top: 17px;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryDetailsMobile .details-row {
        margin-bottom: -2px;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryDetailsMobile .details-row:nth-child(2) {
        margin-top: 10px;
        margin-bottom: 18px;
    }  
}
 


/**
|------------------------------------------------
| Member Points History Form
|------------------------------------------------
|
| <memberPointsHistoryFormModal>
|
*/

/* Mobile only */
@media screen and (max-width: 767px) {

    #memberPointsHistoryPage #memberPointsHistoryFormModal.dvcss-modal-opened-xs {
        display: block;
        position: fixed;
        top: 0!important;
        bottom: 0;
        left: 0;
        z-index: 100004;
        
        height: 100%!important;
        width: 100%;
        padding: 0;
        
        background: #fff;
        overflow-x: hidden;
        overflow-y: auto;
        
        -webkit-overflow-scrolling: auto;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryFormModal .modal-dialog {
        height: 100%;
        width: auto;
        margin: 0;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryFormModal .modal-content {
        position: static;
        min-height: 100%;
        padding-bottom: 71px;
        margin-bottom: -71px;
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryFormModal form {
        display: inline;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryFormModal .modal-header {
        border-bottom-color: transparent;
        padding: 14px 20px 9px;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryFormModal .modal-header hr {
        top: 9px;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryFormModal .modal-header .modal-title {
        margin-bottom: 10px;
        font-family: Avenir-light,Helvetica,Arial,sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryFormModal .modal-header p {
        margin-bottom: 8px;
        color: #253b56;
        font-family: Avenir-roman,Helvetica,Arial,sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryFormModal .modal-body {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryFormModal .modal-footer {
        border-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryFormModal .modal-footer .dvcss-row {
        margin-right: -5px;
        margin-left: -5px;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryFormModal .modal-footer .col-xs-4 {
        width: 33%;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryFormModal .modal-footer .col-xs-8 {
        width: 66%;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryFormModal .modal-footer .btn-info {
        background: #fff;
        border-color: #00739a;
        color: #00739a;
    }
    
}

/* Desktop only */
@media screen and (min-width: 768px) {

    #memberPointsHistoryPage #memberPointsHistoryFormModal {
        display: block!important;
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        z-index: auto!important;
        background: none;
        overflow: visible;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryFormModal .modal-dialog {
        width: auto;
        margin: 0;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryFormModal .modal-content {
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryFormModal .modal-body {
        padding: 0;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryFormModal form {
        display: inline;
    }

}


/**
|------------------------------------------------
| Member Points History Form
|------------------------------------------------
|
| <memberPointsHistoryForm>
|
*/

#memberPointsHistoryPage .memberPointsHistoryFormWrapper .panel-body {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

#memberPointsHistoryPage #memberPointsHistoryForm .lead {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    max-width: 620px;
    margin-bottom: 28px;
}

/***** Membership ID Row *****/

#memberPointsHistoryPage #memberPointsHistoryForm .membershipIdRow {
    margin-bottom: 19px;
}

#memberPointsHistoryPage #memberPointsHistoryForm .membershipIdRow.membershipIdRowSingle {
    padding-top: 6px;
    margin-bottom: 18px;
}

#memberPointsHistoryPage #memberPointsHistoryForm .membershipIdRow .form-group .membershipIdLabel {
    margin-right: 6px;
}

#memberPointsHistoryPage #memberPointsHistoryForm .membershipIdRow .form-group .membershipIdLabel,
#memberPointsHistoryPage #memberPointsHistoryForm .membershipIdRow .form-group .membershipIdValue {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

#memberPointsHistoryPage #memberPointsHistoryForm .membershipIdRow .form-group .formInputElement {
    margin-bottom: -1px;
}

#memberPointsHistoryPage #memberPointsHistoryForm .membershipIdRow .form-group .formInputElement label {
    display: inline-block;
    position: relative;
    top: -6px;
    margin-right: 3px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

#memberPointsHistoryPage #memberPointsHistoryForm .membershipIdRow .form-group .formInputElement .selectBox {
    vertical-align: middle;
}

#memberPointsHistoryPage #memberPointsHistoryForm .membershipIdRow > .media-right {
    position: relative;
    top: 4px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#memberPointsHistoryPage #memberPointsHistoryForm .membershipIdRow.membershipIdRowSingle > .media-right {
    top: -2px;
}

#memberPointsHistoryPage #memberPointsHistoryForm .membershipIdRow > .media-right strong {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    #memberPointsHistoryPage .memberPointsHistoryFormWrapper .panel-body {
        padding-bottom: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    #memberPointsHistoryPage #memberPointsHistoryForm .membershipIdRow > .media-body {
        display: block;
        width: auto;
    }

    #memberPointsHistoryPage #memberPointsHistoryForm .membershipIdRow > .media-right {
        display: none;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryForm .membershipIdRow .form-group .formInputElement {
        margin-bottom: 0!important;
    }

    #memberPointsHistoryPage #memberPointsHistoryForm .membershipIdRow .form-group .formInputElement label {
        display: block;
        top: auto;
        margin-right: 0;
        font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
    }

}


/***** Membership Details Row *****/

#memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow > .media-right {
    padding-bottom: 5px;
    vertical-align: bottom;
}

/* Desktop only */
@media screen and (min-width: 768px) {

    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow .membershipDetailsGroup {
        display: block;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow .membershipDetailsGroup .membershipDetailsInner {
        display: table;
        width: 100%;
        max-width: 725px;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .membershipDetailsInner {
        display: inline-block;
        width: auto;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow .form-handler {
        display: table-cell;
        width: 1%;
        white-space: nowrap;
        padding-right: 0;
        margin-right: 0;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow .form-group {
        display: table-cell;
        width: 1%;
        padding-right: 20px;
        margin-right: 0;
    }

    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow .form-group.contractDetailsGroup {
        display: table-cell;
        width: auto;
    }

    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .contractDetailsGroup {
        padding-right: 25px;
        max-width: 360px;
    }

    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow .form-group.contractDetailsGroup .contractDetailsText {
        margin-top: 8px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
    }

    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .contractDetailsGroup .contractDetailsText {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow .formInputElement.long {
        display: block;
        width: auto;
    }

    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow .formInputElement.long .selectBox {
        width: 100%;
    }

    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow .formInputElement.short .selectBox {
        width: 110px;
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {

    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow .membershipDetailsGroup .membershipDetailsInner,
    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .membershipDetailsInner {
        display: block;
        width: auto;
        max-width: none;
    }

    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow > .media-body {
        display: block;
        width: auto;
    }

    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow > .media-right {
        display: none;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow .contractDetailsGroup .contractDetailsText {
        margin-top: 1px;
        margin-bottom: 22px;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow .contractRangeRow {
        display: block;
        margin-left: -6px;
        margin-right: -6px;
    }
    
    #memberPointsHistoryPage #memberPointsHistoryForm .membershipDetailsRow .contractRangeRow > .form-group {
        display: block;
        float: left;
        padding: 0 6px;
        width: 50%;
    }

}


/***** Membership Form Buttons Row *****/

#memberPointsHistoryPage #memberPointsHistoryForm .formSubmit {
    min-width: 125px;
    border: 0;
}



/**
|------------------------------------------------
| Member Points History Activity
|------------------------------------------------
|
| <memberPointsHistoryActivity>
|
*/

#memberPointsHistoryPage .memberPointsHistoryActivity {
    padding-top: 34px;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityBalance {
    padding-left: 15px;
    padding-right: 15px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityBalance strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityBalance .lead {
    margin-bottom: 8px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityBalance ul {
    margin: 0 0 22px;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityBalance ul > li {
    margin-bottom: 3px;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityBalance ul > li .hidden-xs .media-left {
    margin-right: 5px;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel {
    margin: 0;
    border: 0;
    background: none;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel > .panel-body {
    padding-bottom: 0;
    margin-bottom: -1px;
    padding-top: 20px;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel > .panel-footer {
    background: none;
    border-radius: 0;
    padding-top: 4px;
    padding-bottom: 14px;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel > .panel-footer.removeExcess {
    border: 0;
    padding: 0;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel > .panel-footer .btn-link {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 25px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    #memberPointsHistoryPage .memberPointsHistoryActivity {
        padding-top: 17px;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityBalance {
        margin-top: 10px;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityBalance .lead {
        margin-bottom: 16px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityBalance ul {
        margin-bottom: 25px;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityBalance ul > li {
        margin-bottom: 12px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 15px;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityBalance ul > li strong {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 15px;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel > .panel-footer {
        border-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel > .panel-footer .panel-inner {
        border-top: 1px solid #ddd;
        padding-top: 6px;
        padding-bottom: 1px;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel > .panel-footer .btn-link {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel > .panel-footer .btn-link {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

}


/**
|------------------------------------------------
| Member Points History Activity Filters
|------------------------------------------------
|
| <memberPointsHistoryActivityFilters>
|
*/

#memberPointsHistoryPage .memberPointsHistoryActivityFilters {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: -2px;
}

#memberPointsHistoryPage .memberPointsHistoryActivityFilters .media-body {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

#memberPointsHistoryPage .memberPointsHistoryActivityFilters .media-right #sortContainer {
    margin-top: -7px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    #memberPointsHistoryPage .memberPointsHistoryActivityFilters .media-table {
        padding-bottom: 0;
        border-bottom: 1px solid #ddd;
    }

    #memberPointsHistoryPage .memberPointsHistoryActivityFilters .media-body {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        padding-top: 0;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryActivityFilters .media-right .btn {
        min-width: 55px;
    }
    
    #memberPointsHistoryPage .memberPointsHistoryActivityFilters .media-right .sort.btn {
        min-width: 55px;
        margin-top: -16px;
        margin-bottom: 12px;
    }

}


/**
|------------------------------------------------
| Membership Contract Form Label Display
|------------------------------------------------
|
| <membershipContractFormLabelDisplay>
|
*/

#memberPointsHistoryPage #membershipContractFormLabelDisplay .media-right .btn-link {
   font-size: 14px;
   font-family: Avenir-roman, Helvetica, Arial, sans-serif;
   line-height: 20px;
}

#memberPointsHistoryPage #membershipContractForm .loadingUpdateBtn {
    background-color: #00739A;
}

/**
|------------------------------------------------
| Member Points History Activity Table
|------------------------------------------------
|
| <memberPointsHistoryActivityTable>
|
*/

#memberPointsHistoryPage .memberPointsHistoryActivityTable {
    margin-bottom: 0;
    border-radius: 0;
}

#memberPointsHistoryPage .memberPointsHistoryActivityTable > tbody tr td,
#memberPointsHistoryPage .memberPointsHistoryActivityTable > tbody tr th {
    word-break: break-word;
}

#memberPointsHistoryPage .memberPointsHistoryActivityTable > tbody tr th {
    font-weight: normal;
}

#memberPointsHistoryPage .memberPointsHistoryActivityTable > tbody > tr > th,
#memberPointsHistoryPage .memberPointsHistoryActivityTable > tfoot > tr > td,
#memberPointsHistoryPage .memberPointsHistoryActivityTable > tfoot > tr > th,
#memberPointsHistoryPage .memberPointsHistoryActivityTable > thead > tr > th,
#memberPointsHistoryPage .memberPointsHistoryActivityTable > thead > tr > td {
    padding: 14px 20px 21px 0;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#memberPointsHistoryPage .memberPointsHistoryActivityTable > tbody > tr > td {
    padding: 14px 20px 21px 0;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#memberPointsHistoryPage .memberPointsHistoryActivityTable > tbody > tr > th, 
#memberPointsHistoryPage .memberPointsHistoryActivityTable > tbody > tr > td {
    border-top: 0;
    border-bottom: 1px solid #ddd;
}

#memberPointsHistoryPage .memberPointsHistoryActivityTable > tbody > tr:last-child > th,
#memberPointsHistoryPage .memberPointsHistoryActivityTable > tbody > tr:last-child > td {
    border-bottom: 0;
}

#memberPointsHistoryPage .memberPointsHistoryActivityTable strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#memberPointsHistoryPage .memberPointsHistoryActivityTable > thead > tr > th {
    background: none;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 3px;
    padding-top: 0;
}

#memberPointsHistoryPage .memberPointsHistoryActivityTable > thead > tr > td {
    padding-top: 0;
    padding-bottom: 0;
}

#memberPointsHistoryPage .memberPointsHistoryActivityTable > thead > tr > th:last-child,
#memberPointsHistoryPage .memberPointsHistoryActivityTable > thead > tr > td:last-child,
#memberPointsHistoryPage .memberPointsHistoryActivityTable > tbody > tr > th:last-child,
#memberPointsHistoryPage .memberPointsHistoryActivityTable > tbody > tr > td:last-child,
#memberPointsHistoryPage .memberPointsHistoryActivityTable > tfoot > tr > th:last-child,
#memberPointsHistoryPage .memberPointsHistoryActivityTable > tfoot > tr > td:last-child {
    padding-right: 0;
}


/**
 *===========================
 * Account Activity History in memberPointsHistoryActivity
 *===========================
 *
 * <.memberPointsHistoryActivityPanel>
 *
 */

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityFilters .form-group label {
    position: relative;
    top: -6px;
    margin-right: 11px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    line-height: 25px;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityFilters #sortContainer .selectBox {
    width: 140px;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel .panel-body .MemberPointsHistoryErrorMsg h3 {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    font-weight: 600;
    line-height: 25px;
    font-size: 16px;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel .panel-body .MemberPointsHistoryErrorMsg {
    text-align: center;
    max-width: 710px;
    margin: auto;
    padding: 35px 0;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel .panel-body .MemberPointsHistoryErrorMsg p {
    margin: 0;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel .panel-body .memberPointsHistoryActivityTable .memberPointsHistoryTransactionDate,
#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel .panel-body .memberPointsHistoryActivityTable .memberPointsHistoryUseYear,
#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel .panel-body .memberPointsHistoryActivityTable .memberPointsHistoryTransaction,
#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel .panel-body .memberPointsHistoryActivityTable .memberPointsHistoryContract,
#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel .panel-body .memberPointsHistoryActivityTable .memberPointsHistoryMembershipBalance {
    max-width: 130px;
    width: 130px;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel .panel-body .memberPointsHistoryActivityTable .memberPointsHistoryDescription {
    max-width: 320px;
    width: 320px;
}

#memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityPanel .panel-body .memberPointsHistoryActivityLoader  {
    text-align: center;
    margin-bottom: 30px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    /* List */
    #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList {
       margin: 0;
    }

    #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList > .list-group-item  {
       padding: 15px 0 21px;
       border-top: 1px solid #ddd;
       border-bottom: 1px solid #ddd;
       border-right: 0;
       border-left: 0;
       border-radius: 0;
    }

    #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList > .list-group-item:first-child  {
       border-top: 0;
       padding-top: 3px;
    }

     #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList > .list-group-item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 21px;
     }

     #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList .list-group-item a {
        border: 0;
     }

     #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList .list-group-item .media-left {
        margin-right: 0;
        max-width: 65%;
     }

     #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList .list-group-item .media-left {
        margin-right: 0;
        max-width: 65%;
     }

     #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList .list-group-item .media-left div[id^='transaction-data-'] a.hide {
        display: block !important;
     }

     #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList .list-group-item .media-left div[id^='transaction-data-'] a.show {
        display: inline !important;
     }

     #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList .list-group-item .media-left div[id^='transaction-data-'] a {
        color: #00739a;
     }

     #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList .list-group-item .media-left div[id^='transaction-data-'] a:hover,
     #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList .list-group-item .media-left div[id^='transaction-data-'] a:focus {
        text-decoration: underline;
     }

     #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList .list-group-item .media-right {
        max-width: 90px;
     }

     #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList .list-group-item .media-right div > span.balance {
        word-wrap: break-word;
     }

     #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList .list-group-item .media-right .mphPts {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 4px;
        word-wrap: break-word;
     }

     #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList .list-group-item .ellips  {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:nowrap;
     }

     #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList .list-group-item .mphHead  {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
     }

     #memberPointsHistoryPage .memberPointsHistoryActivity .memberPointsHistoryActivityList .list-group-item .mphHead.date {
         margin-bottom: 4px;
     }

}

/**************************************************
 * Destinations Landing - destinations-landing.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: jjame01 $
 * $Revision: #2 $
 * $Change: 1645369 $
 * $Date: 2016/09/29 $
 **************************************************/

/**======================================================================
 * Destinations Landing
 *-----------------------------------------------------------------------
 * MODULE
 * @url /destinations/beyond/
 * @id    #dvcDestinationsLanding
 *
 * Page Road Map
 *
 * Destinations Landing Page
 * |
 * |-- Content Page Title         <section> .sectionPageTitle
 * |-- Hero Media                 <section> .sectionHeroMedia
 * |-- Tagline                    <section> .sectionTagline
 * |-- Story Cards                <section> .sectionStoryCards
 * |     |
 * |     |-- Upper (2 Columns)
 * |     |-- Lower (3 Columns)
 * |
 * |-- Disclaimer                <section> .sectionDisclaimer
 *
 *=======================================================================*/

#dvcDestinationsLanding {
    margin-bottom: 10px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDestinationsLanding {
       padding-left: 10px;
       padding-right: 10px;
    }

}

/*----------------------------------------
 * ETC
 *----------------------------------------*/

#dvcDestinationsLanding .storyCardWrapper {
    margin: 25px 0 0 0;
}
#dvcDestinationsLanding #storyCard2 .drawerCollapse {
    margin-top: 0;
}
#dvcDestinationsLanding .drawerCollapse a
{
    color: #0079BC;
    cursor: pointer;
}

/*
#dvcDestinationsLanding div.pageLess>a.drawerReadMore,
#dvcDestinationsLanding div.pageLess>a.drawerReadMore:hover,
#dvcDestinationsLanding div.pageLess>a.drawerReadMore:focus,
#dvcDestinationsLanding div.pageLess>a.drawerReadMore:visited,
#dvcDestinationsLanding div.pageLess>a.drawerReadMore:active {
    cursor: pointer;
    color: #00739a;
}
*/

#dvcDestinationsLanding div.pageLess a.drawerReadMore,
#dvcDestinationsLanding div.pageLess a.drawerReadMore:hover,
#dvcDestinationsLanding div.pageLess a.drawerReadMore:focus,
#dvcDestinationsLanding div.pageLess a.drawerReadMore:visited,
#dvcDestinationsLanding div.pageLess a.drawerReadMore:active {
    cursor: pointer;
    color: #0079BC;
}

#dvcDestinationsLanding div.pageLess a.drawerShowLess,
#dvcDestinationsLanding div.pageLess a.drawerShowLess:hover,
#dvcDestinationsLanding div.pageLess a.drawerShowLess:focus,
#dvcDestinationsLanding div.pageLess a.drawerShowLess:visited,
#dvcDestinationsLanding div.pageLess a.drawerShowLess:active {
    cursor: pointer;
    color: #0079BC;
}

#dvcDestinationsLanding div.pageLess a.drawerReadMore:hover {
    text-decoration: underline;
}

#dvcDestinationsLanding .meMobile .cms-widget-media-banner {
    display: none;
}
#dvcDestinationsLanding .module-center img {
    width: 100%;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDestinationsLanding .module-center {
        width: 100%;
        padding: 0 15px;
    }

}

/********** Drawer **********/

#dvcDestinationsLanding .drawer .h4 {
    margin-bottom: 16px;
    max-width: 620px;

    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
}

#dvcDestinationsLanding .drawer .h4 .drawerCollapseIcon {
    right: -3px;
    margin-top: 2px;
    font-size: 20px;
}

#dvcDestinationsLanding .drawer p {
    margin-bottom: 12px;
    max-width: 620px;
}
#dvcDestinationsLanding .drawer ul {
    margin-bottom: 12px;
    margin-left: 5px;
    max-width: 620px;
}
#dvcDestinationsLanding .drawer ul > li {
    margin-bottom: 6px;
}
#dvcDestinationsLanding .drawer .drawerCollapse {
    margin-bottom: 25px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    /*
    #dvcDestinationsLanding .arrow_up_center.collapse {
        height: auto!important;
    }

    #dvcDestinationsLanding .arrow_up_center.collapsing {
        height: auto!important;
        -webkit-transition: none;
        transition: none;
    }

     #dvcDestinationsLanding .arrow_up_center.collapsing + .drawerCaret,
    #dvcDestinationsLanding .collapsing.arrow_up_center::before,
    #dvcDestinationsLanding .collapsing.arrow_up_center::after {
        display: none;
    }

     #dvcDestinationsLanding .arrow_up_center.collapsing.in {
        display: none;
    }
    */

    #dvcDestinationsLanding .drawer  {
        margin: 26px 33px 17px 15px;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    #dvcDestinationsLanding .drawer a {
        color: #00739a;
    }
    #dvcDestinationsLanding .drawer .drawerCollapseIcon {
        top: 26px;
          right: -3px;

        cursor: pointer;
        font-size: 20px;
    }
    #dvcDestinationsLanding .drawer .drawerCollapseIcon a {
        color: #78899e;
        cursor: pointer;
    }
    #dvcDestinationsLanding .drawer .drawerCollapseIcon .collapsed {
        color: #78899e;
    }
    #dvcDestinationsLanding .drawer .h4 {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 27px;

           margin-top: 0;
          margin-bottom: 16px;
    }
    #dvcDestinationsLanding .drawer p {
        margin-bottom: 13px;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    #dvcDestinationsLanding .drawer ul {
        margin: 0 0 12px 16px;
        padding: 0 0 0 0;
    }
    #dvcDestinationsLanding .drawer ul > li {
        margin-bottom: 13px;
    }
    #dvcDestinationsLanding .drawer .storyCardWrapper {
        margin: 0;
    }
    #dvcDestinationsLanding .drawer ul + .storyCardWrapper {
        margin: 0;
        margin-top: -21px;
        padding-bottom: 0;
    }
    #dvcDestinationsLanding .drawer .drawerCollapse {
        margin-bottom: 0;
    }
    #dvcDestinationsLanding .drawer .drawerCollapse a {
        margin-top: -5px;
    }
    #dvcDestinationsLanding .drawer .storyCardWrapper + .drawerCollapse {
        margin-top: 17px;
    }
    #dvcDestinationsLanding .drawer .storyCardBlock {
        padding-top: 0;
    }
    #dvcDestinationsLanding .drawer .storyCardDescription {
        display: block;
        margin-bottom: 0;
        padding-top: 19px;
        padding-bottom: 23px;
        text-align: left;
    }
    #dvcDestinationsLanding .drawer .storyCardDescription h3 {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;

        line-height: 20px;
        margin-top: 0;
        margin-bottom: 0;
    }
    #dvcDestinationsLanding .drawerSeparator {
        margin-bottom: 20px;
    }

    #dvcDestinationsLanding .sectionStoryCards .thumbnail .arrow_up_center  + .drawerCaret {
        display: none;
        position: absolute;
        left: 50%;
        bottom: 100%;
        margin-bottom: -1px;
        margin-left: -16px;

        height: 0;
        width: 0;

        border: solid transparent;
        border-color: rgba(221, 221, 221, 0);
        border-bottom-color: #dfdfdf;
        border-width: 16px;

        pointer-events: none;
    }

    #dvcDestinationsLanding .sectionStoryCards .thumbnail .arrow_up_center  + .drawerCaret:after {
        content: " ";
        position: absolute;
        bottom: -16px;
        left: -15px;

        height: 0;
        width: 0;

        border: solid transparent;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 15px;

        pointer-events: none;
    }

    #dvcDestinationsLanding .sectionStoryCards .thumbnail .arrow_up_center.in  + .drawerCaret,
    #dvcDestinationsLanding .sectionStoryCards .thumbnail .arrow_up_center.collapsing  + .drawerCaret {
        display: block;
    }



}

/*----------------------------------------
 * Page Title
 *         <section> .sectionPageTitle
 *----------------------------------------*/

#dvcDestinationsLanding .sectionPageTitle .contentPageHeaderLink {
    float: right;
    margin-top: 9px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDestinationsLanding .sectionPageTitle::before,
    #dvcDestinationsLanding .sectionPageTitle::after {
        display: table;
        content: " ";
    }

    #dvcDestinationsLanding .sectionPageTitle::after {
        clear: both;
    }

    #dvcDestinationsLanding .sectionPageTitle .contentPageTitle {
        display: none;
    }

    #dvcDestinationsLanding .sectionPageTitle .contentPageHeaderLink {
        float: left;
        margin-top: 8px;

        color: #00739a;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}

/*----------------------------------------
 * Tagline
 *         <section> .sectionTagline
 *----------------------------------------*/

#dvcDestinationsLanding .sectionTagline h2,
#dvcDestinationsLanding .sectionTagline h2.dvcss-section-title {
    margin: 20px auto 10px;
    padding: 0 20px;

    max-width: 700px;

    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-weight: 100;
    line-height: 40px;
    text-align: center;
}

#dvcDestinationsLanding .sectionTagline .mainDescription {
    max-width: 700px;
    margin: 19px auto 0;
    line-height: 28px;
}

#dvcDestinationsLanding .sectionTagline + .mainDescription + .shareAlinkWrap.text-right.hidden-xs {
    margin-top: -10px;
}

#dvcDestinationsLanding .sectionTagline .shareAlinkWrap {
    margin-top: 3px;
    margin-bottom: 19px;
}

#dvcDestinationsLanding .sectionTagline .mainDescription + .shareAlinkWrap {
    margin-top: -3px;
    margin-bottom: 19px;
}

#dvcDestinationsLanding .sectionTagline .mainDescription + .dvcss-hr-faded {
    margin-top: 46px;
}

#dvcDestinationsLanding .sectionTagline .shareAlinkWrap .pepMdxIcon {
    font-size: 20px;
    line-height: 20px;
}

#dvcDestinationsLanding .sectionTagline .shareAlinkWrap a.shareButton .link {
    position: relative;
    top: -1px;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#dvcDestinationsLanding .sectionTagline .shareAlinkWrap a.shareButton .link.dvcss-pull-left {
    float: none;
    margin-right: -1px;
    padding-left: 9px;
    padding-right: 0;
}

#dvcDestinationsLanding .sectionTagline .shareAlinkWrap a.shareButton .pepMdxIcon.dvcss-pull-right {
    margin-right: -4px;
}

#dvcDestinationsLanding .sectionTagline .shareAlinkWrap.hidden-xs {
    margin-top: 5px;
}

#dvcDestinationsLanding .sectionTagline.dvcTaglineSection .shareAlinkWrap.text-right.hidden-xs {
    padding-bottom: 0;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDestinationsLanding .sectionTagline h2,
    #dvcDestinationsLanding .sectionTagline h2.dvcss-section-title {
        margin: 6px 0 10px;
        padding-left: 0;
        padding-right: 0;

        max-width: none;

        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
        text-align: left;
    }

    #dvcDestinationsLanding .sectionTagline .mainDescription {
        margin-top: 0;
        margin-bottom: 17px;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
    }

    #dvcDestinationsLanding .sectionTagline .mainDescription + .dvcss-hr-faded {
        margin-top: 22px;
    }

}


/*----------------------------------------
 * Story Cards
 *         <section> .sectionStoryCards
 *----------------------------------------*/

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock {
    margin: 0;
    padding: 25px 0 0;
}


/*********** Storycards Upper Module **********/

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock.upperModule {
    margin: 0;
    padding: 25px 0 0;
}

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock.upperModule .dvcss-thumbnail .caption .caption-caret {
    top: 27px;
    margin-top: 0;
}

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock.theHubStoryCard .dvcss-thumbnail .caption .caption-caret {
    top: 20px;
}

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock.upperModule > .dvcss-hr-faded {
    margin-top: 19px;
}

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock.upperModule + .dvcss-hr-faded {
    margin-top: 0;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDestinationsLanding .sectionStoryCards .storyCardBlock.upperModule .dvcss-thumbnail .caption .caption-caret {
        top: 50%;
        margin-top: -10px;
    }

}

/*********** Storycards Bottom Module **********/

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock.storyCardBottomModule,
#dvcDestinationsLanding .sectionStoryCards .storyCardBlock.upperModule.storyCardBottomModule {
    margin: 0;
    padding: 25px 0 0;
}

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock .moduleStoryCardHeader + div.featuredLink {
    visibility: hidden;
}

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock.lowerModule {
    margin: 0 0 -2px;
    padding: 25px 0 0;
}

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock .moduleStoryCardHeader {
    margin: 0 auto 30px;
    max-width: 700px;
    text-align: center;
}

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock .moduleStoryCardHeader h3,
#dvcDestinationsLanding .sectionStoryCards .storyCardBlock .moduleStoryCardHeader .dvcss-section-title {
    margin: 0 auto 4px;
    max-width: 700px;

    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock .moduleStoryCardHeader h3 {
    margin: 0 0 -3px;
}

#dvcDestinationsLanding .storyCardBlock .storyCardDescription p {
    line-height: 24px;
    margin-top: -10px;
}

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock .moduleStoryCardHeader .storyCardDescription {
    margin-top: -8px;
}

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock .moduleStoryCardHeader .storyCardDescription {
    display: block;
    margin-top: 9px;
    margin-bottom: 7px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    max-width: 700px;

    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock .moduleStoryCardHeader .storyCardDescription p {
    line-height: 24px;
}

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock .moduleStoryCardHeader .storyCardDescription + .dvcss-btn {
    margin-top: 0;
    margin-bottom: 2px;
}

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock .moduleDescription {
    margin-top: 9px;
    margin-bottom: 13px;
    max-width: 700px;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock .row {
    margin-left: -16px;
    margin-right: -16px;
    padding-bottom: 0;
}

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock .row.last .dvcss-thumbnail .caption {
    margin-bottom: 40px;
}

#dvcDestinationsLanding .sectionStoryCards .storyCardBlock.lowerModule .row {
    padding-bottom: 0;
}


/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDestinationsLanding .storyCardBlock .storyCardDescription p {
        margin-top: -4px;
    }


    #dvcDestinationsLanding .sectionStoryCards .storyCardBlock {
        margin: 0;
        padding: 25px 0 0;
    }

    #dvcDestinationsLanding .sectionStoryCards .storyCardBlock.lowerModule {
        margin: 0;
        padding: 25px 0 0;
    }

    #dvcDestinationsLanding .sectionStoryCards .storyCardBlock.upperModule > .dvcss-hr-faded {
        margin-top: 0;
    }

    #dvcDestinationsLanding .sectionStoryCards .storyCardBlock.upperModule + .dvcss-hr-faded {
        margin-top: 0;
    }

    /*
    #dvcDestinationsLanding article:last-of-type div.storyCardBlock {
        padding-bottom: 10px;
    }
    */

    #dvcDestinationsLanding .sectionStoryCards .storyCardBlock .moduleStoryCardHeader {
        margin: 0 auto 25px;
        max-width: none;
        text-align: center;
    }

    #dvcDestinationsLanding .sectionStoryCards .storyCardBlock .moduleStoryCardHeader h3,
    #dvcDestinationsLanding .sectionStoryCards .storyCardBlock .moduleStoryCardHeader .dvcss-section-title {
        margin: 0 0 5px;
        max-width: none;

        color: #253b56;
        text-align: left;
    }

    #dvcDestinationsLanding .sectionStoryCards .storyCardBlock .moduleStoryCardHeader .storyCardDescription {
        margin-bottom: 12px;
        max-width: none;

        line-height: 20px;
        text-align: left;
    }

    #dvcDestinationsLanding .sectionStoryCards .storyCardBlock .moduleStoryCardHeader .storyCardDescription + .dvcss-btn {
        margin-bottom: 8px;
    }

    #dvcDestinationsLanding .sectionStoryCards .storyCardBlock .moduleDescription {
        margin-top: 0;
        max-width: none;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
    }

    #dvcDestinationsLanding .sectionStoryCards .storyCardBlock .row {
        margin-left: -15px;
        margin-right: -15px;
        padding-bottom: 0;
    }

    #dvcDestinationsLanding .sectionStoryCards .storyCardBlock.lowerModule .row {
        padding-bottom: 0;
    }

    #dvcDestinationsLanding .sectionStoryCards .storyCardBlock .row.last .dvcss-thumbnail .caption {
        margin: 6px 0 22px;
    }

}

/*----------------------------------------
 * Disclaimer
 *         <section> .sectionDisclaimer
 *----------------------------------------*/

#dvcDestinationsLanding .sectionDisclaimer .disclaimerText {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0 18px;

    color: #78899e;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

#dvcDestinationsLanding .sectionDisclaimer .disclaimerText .horizontalSeparator {
    margin: 0 0 27px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDestinationsLanding .sectionDisclaimer .disclaimerText {
        margin-top: 0!important;
        padding-bottom: 15px;
    }

    #dvcDestinationsLanding .sectionDisclaimer .disclaimerText .horizontalSeparator {
        display: block!important;

        margin: 0 0 21px;
    }

    #dvcDestinationsLanding .sectionDisclaimer .disclaimerText + .horizontalSeparator {
        display: none!important;
    }

    #dvcDestinationsLanding .sectionDisclaimer.overview .disclaimerText {
        padding-top: 20px;
    }
}


/*----------------------------------------
 * Mobile Share
 *         <section> .sectionMobileShare
 *----------------------------------------*/

/*
#dvcDestinationsLanding .shareAlinkWrap {
    padding-top: 20px;
    padding-bottom: 10px;
}
*/

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDestinationsLanding .sectionMobileShare .shareAlinkWrap {
        margin-top: 0;
        padding-top: 19px;
        padding-bottom: 10px;
    }

    #dvcDestinationsLanding .sectionMobileShare .shareAlinkWrap span.pepMdxIcon {
        margin-right: 6px;
        font-size: 20px;
    }

    #dvcDestinationsLanding .sectionMobileShare .shareAlinkWrap a.shareButton .link {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}
#dvcDestinationsLanding.innerContentStage .innerContentMedia .img-responsive {
    border-radius: 12px;
}



/**======================================================================
 * DEPRECATED ***NOTE***
 * Destinations Overview
 *-----------------------------------------------------------------------
 * MODULE
 * @url /evo/destinations/
 *
 *
 * Page Road Map
 *
 * Destinations Overview
 * |
 * |-- Content Page Title        <section> .sectionPageTitle
 * |-- Hero Media                <section> .sectionHeroMedia
 * |-- Tagline                   <section> .sectionTagline
 * |-- Story Card Group          <section> .sectionStoryCards
 * |     |
 * |     |-- Story Cards Upper
 * |     |-- Story Cards Lower
 * |
 * |-- Disclaimer                <section> .sectionDisclaimer
 *
 *=======================================================================*/


#dvcDestinationsOverview {
    margin-bottom: 10px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDestinationsOverview {
       padding-left: 10px;
       padding-right: 10px;
    }

}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDestinationsOverview .h1,
    #dvcDestinationsOverview h2,
    #dvcDestinationsOverview .h2 {
        margin-top: 37px;
        padding-left: 0;

        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
        text-align: left;
    }

    #dvcDestinationsOverview h3 {
        margin-top: 10px;
        margin-bottom: 15px;

        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
    }

    #dvcDestinationsOverview .img-responsive {
        width: 100%;
    }

    #dvcDestinationsOverview .storyCardBottomModule .text-center .storyCardDescription {
        line-height: 20px;
        margin-bottom: 13px;
    }

    #dvcDestinationsOverview .storyCardBottomModule .text-center .dvcss-btn.btn-primary {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        color: #ffffff;
    }

    #dvcDestinationsOverview #bottomModuleSeparator.dvcss-hr-faded {
        margin-top: 7px;
    }

    #dvcDestinationsOverview .upperModule.storyCardBottomModule {
        padding-top: 10px;
    }

}

/*----------------------------------------
 * Content Page Title
 *----------------------------------------*/

#dvcDestinationsOverview .contentPageTitle {
    margin: -3px 0 8px 0;

    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
}

#dvcDestinationsOverview .innerContentMedia {
    margin-bottom: 0;
}

#dvcDestinationsOverview .marginTop20 {
    color: #dfdfdf;
    margin-top: 22px;
}

#dvcDestinationsOverview .marginTop10 {
    margin-top: 10px;
}

#dvcDestinationsOverview .marginBottom5 {
    margin-bottom: 5px;
}

#dvcDestinationsOverview .dvcss-hr-faded.marginTop20{
    margin-top: 20px;
}

#dvcDestinationsOverview #bottomModuleSeparator.dvcss-hr-faded {
    margin-top: 12px;
}

#dvcDestinationsOverview .storyCardBottomModule .moduleStoryCardHeader {
    margin: 0 auto 25px;
}

#dvcDestinationsOverview .storyCardBottomModule .moduleStoryCardHeader .storyCardDescription {
    font-family: Avenir-roman, helvetica, sans-serif, arial;
    color: #253b56;
    line-height: 24px;
    max-width: 700px;
}

/* Mobile query */
@media screen and (max-width: 767px) {



}


/*----------------------------------------
 * Tagline
 *         <section> .sectionTagline
 *----------------------------------------*/

#dvcDestinationsOverview .dvcTaglineSection .dvcss-section-title {
    margin: 0 auto;
    padding: 34px 20px 46px;

    max-width: 700px;

    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-weight: 100;
    line-height: 40px;
    text-align: center;
}


/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDestinationsOverview .dvcTaglineSection .dvcss-section-title {
        margin: 0;
        padding: 2px 0 12px;

        max-width: none;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
    }

}

#dvcDestinationsOverview .thumbnail {
    margin-bottom: 19px;
    padding-left: 0;
    padding-right: 0;

    border: none;
}

#dvcDestinationsOverview .storyCardImageHolder .thumbnail a > img {
    max-height: 244px;
    width: 100%;
}

#dvcDestinationsOverview .contentPageHeaderLink {
    float: right;
    margin-top: 9px;
}

#dvcDestinationsOverview .mainDescription {
    text-align: center;
    margin-bottom: 0;
    margin-top: 25px;
}

#dvcDestinationsOverview section .shareAlinkWrap {
    margin-top: 2px;
    margin-bottom: 19px;
}

#dvcDestinationsOverview .shareAlinkWrap span.pepMdxIcon {
    font-size: 20px;
    line-height: 20px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDestinationsOverview .mainDescription {
        margin-top: 0;
        margin-bottom: 25px;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;

        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }

    #dvcDestinationsOverview .contentPageHeaderLink {
        float: left;
        width: 100%;
        margin-top: 7px;

        color: #00739a;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcDestinationsOverview .shareAlinkWrap {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 18px;
        padding-bottom: 9px;
    }

    #dvcDestinationsOverview .shareAlinkWrap a.shareButton .pepMdxIcon,
    #dvcDestinationsOverview .fullWidthWidget a.shareButton .pepMdxIcon {
        margin-right: 5px;
        font-size: 20px;
    }

    #dvcDestinationsOverview .shareAlinkWrap a.shareButton .link,
    #dvcDestinationsOverview .fullWidthWidget a.shareButton .link {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcDestinationsOverview .contentPageTitle {
        margin-top: 6px;

        color: #253b56;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
    }

    #dvcDestinationsOverview h1 {
        margin-top: 20px;
        padding-left: 0 !important;

        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-weight: 100;
        line-height: 20px;
        text-align: left;
    }

    #dvcDestinationsOverview section h2 {
        margin: 10px 0 17px;
        padding-left: 0 !important;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
    }

    #dvcDestinationsOverview section .mainDescription {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 23px;
        padding-left: 0 !important;
        text-align: left;
    }

    #dvcDestinationsOverview section hr,
    #dvcDestinationsOverview section div.dvcss-hr-faded {
        margin-top:5px;
    }

    #dvcDestinationsOverview section .h2 {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        line-height: 30px;
        text-align: left;
    }

    #dvcDestinationsOverview .drawerCollapse  a {
        margin-top: -5px;
    }

    #dvcDestinationsOverview .drawer  a {
        color: #00739a;
    }

    #dvcDestinationsOverview .drawer .drawerCollapseIcon a {
        color: #253b56;
    }

    #dvcDestinationsOverview .drawer .drawerCollapseIcon .collapsed {
        color: #253b56;
    }

    #dvcDestinationsOverview .drawerSeparator {
        margin-bottom: 20px;
    }



    #dvcDestinationsOverview hr.marginTop20,
    #dvcDestinationsOverview .dvcss-hr-faded.marginTop20 {
        margin-top: 0 !important;
    }

    #dvcDestinationsOverview .marginTop10 {
        margin-top: 0;
    }

}

/**------------------------------
 * Story Cards
 *------------------------------*/

#dvcDestinationsOverview .storyCardWrapper {
    margin: 25px 0 0 0;
}

#dvcDestinationsOverview .moduleStoryCardHeader {
    margin: 0 auto 25px;
    max-width: 700px;
}

#dvcDestinationsOverview .lowerModule .moduleStoryCardHeader {
    margin-bottom: 21px;
}

#dvcDestinationsOverview .moduleStoryCardHeader .storyCardDescription {
    margin-bottom: 11px;
    padding: 0;
    max-width: 700px;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

#dvcDestinationsOverview .storyCardImageHolder a {
    color: #253b56;
}

#dvcDestinationsOverview .drawerCollapse {
    margin-bottom: 25px;
}

#dvcDestinationsOverview .storyCardDescription h3 {
    margin-bottom: 6px;
}

#dvcDestinationsOverview #storyCard2 .drawerCollapse {
    margin-top: -5px;
}

#dvcDestinationsOverview .drawerCollapse a {
    color: #00739a;
    cursor: pointer;
}

#dvcDestinationsOverview .storyCardImageHolder .pageLess p {
    margin-bottom: 0;
}

#dvcDestinationsOverview .lowerModule{
    padding-top: 27px;
}

#dvcDestinationsOverview .lowerModule .storyCardImageHolder h4 {
    width: 100%;
}

#dvcDestinationsOverview  .caption {
    position: relative;
    padding: 12px 33px 0 0;
}

#dvcDestinationsOverview  .storyCardImageHolder .caption h4 {
    margin-bottom: 0;
    max-width: 403px;
    width: 100%;

    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

#dvcDestinationsOverview .storyCardImageHolder .caption .pageLess {
    max-width: 403px;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#dvcDestinationsOverview  .caption.spreadCaption {
    padding-right: 0;
}

#dvcDestinationsOverview .storyCardImageHolder h3 {
    font-family: Avenir-heavy;
    margin-bottom: 5px;
}

#dvcDestinationsOverview .meMobile .cms-widget-media-banner {
    display: none;
}

#dvcDestinationsOverview .caption .pepMdxIcon {
    position: absolute;
    top: 35px;
    right: 0;

    font-size: 20px;
}

#dvcDestinationsOverview .storyCardBlock {
    display: inherit;
    margin-bottom: 0;
}

#dvcDestinationsOverview .storyCardBlock .row .storyCardImageHolder {
    padding-right: 14px;
    padding-left: 14px;
}

#dvcDestinationsOverview .upperModule {
    margin-bottom: -10px;
}

#dvcDestinationsOverview .upperModule .module-center {
    width: 436px;
}

#dvcDestinationsOverview .upperModule .row {
    margin-bottom: 25px;
}

#dvcDestinationsOverview  .moduleDescription {
    max-width: 700px;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

#dvcDestinationsOverview .row {
    margin-left: -15px;
    margin-right: -15px;
}

#dvcDestinationsOverview .module-center img {
    width: 100%;
}

#dvcDestinationsOverview .text-center.moduleStoryCardHeader h3 {
    margin-top: 5px;
    margin-bottom: 4px;

    max-width: 700px;

    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

#dvcDestinationsOverview .storyCardBottomModule .moduleStoryCardHeader h3 {

}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDestinationsOverview .caption .pepMdxIcon {
       font-size: 20px;
       right: -6px;
       top: 31px;
    }

    #dvcDestinationsOverview .storyCardBlock {
        padding-top: 15px;
    }

    #dvcDestinationsOverview .storyCardDescription {
        margin-bottom: 15px;
        padding-bottom: 0;
        padding-top: 0;
        text-align: left;
    }

    #dvcDestinationsOverview .upperModule {
        margin-bottom: 0;
        padding-top: 15px;
    }

    #dvcDestinationsOverview .upperModule > .row {
        margin-bottom: 1px;
    }

    #dvcDestinationsOverview .lowerModule {
        margin-bottom: 5px;
    }

    #dvcDestinationsOverview .lowerModule .moduleStoryCardHeader {
        margin: 0 auto 15px;
        max-width: none;
    }

    #dvcDestinationsOverview .moduleDescription {
        line-height: 20px;
        margin-top: 5px;
        text-align: left;
    }

    #dvcDestinationsOverview .module-center {
        width: 100%;
        padding: 0 15px;
    }

    #dvcDestinationsOverview .storyCardImageHolder .pageLess {
        line-height: 20px;
    }

    #dvcDestinationsOverview .storyCardImageHolder .pageLess p {
        margin-bottom: 0;
    }

    #dvcDestinationsOverview .text-center.moduleStoryCardHeader h3 {
        margin-bottom: 7px;
        margin-top: 10px;

        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
    }

    #dvcDestinationsOverview .moduleStoryCardHeader .storyCardDescription {
        margin-bottom: 10px;

        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcDestinationsOverview .thumbnail {
        margin-bottom: 10px;
        padding-bottom: 0;
        padding-top: 0;
    }

    #dvcDestinationsOverview .caption {
        padding-top: 5px;
        padding-bottom: 7px;
        padding-right: 32px;
    }

}


/**------------------------------
 * Disclaimer
 *------------------------------*/

#dvcDestinationsOverview .disclaimerText {
    padding: 0 0 0;
}

#dvcDestinationsOverview .disclaimerText .horizontalSeparator {
    margin-bottom: 26px;
    margin-top: 11px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDestinationsOverview .disclaimerText {
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 23px;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcDestinationsOverview .dvcss-hr-faded.lowerModuleDiv {
        margin-bottom: 21px;
    }

    #dvcDestinationsOverview .upperModule .module-center {
        width: 100%;
    }

}

/**************************************************
 * Destinations Map - destinations-map.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1635963 $
 * $Date: 2016/06/20 $
 **************************************************/

#dvcDestinationsMap #dvcDestinationFilter.panel-body {
    border-bottom: 0;
    padding: 20px 20px 17px;
}

#dvcDestinationsMap .btn-group > .btn.btn-default.active,
#dvcDestinationsMap .btn-group > .btn.btn-default.active:hover {
    background: linear-gradient(to bottom, #fffcff 0%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #778c99;
    color: #778c99;
    cursor: default;
}

#dvcDestinationsMap .btn-group > .btn:first-child {
    border-bottom-left-radius: 6px;
    border-right-color: #194e6b !important;
    border-top-left-radius: 6px;
}

#dvcDestinationsMap .btn-group > .btn {
    width: 78px;
}

#dvcDestinationsMap .btn-group > .btn:last-child {
    border-bottom-right-radius: 6px;
    border-left-color: #194e6b !important;
    border-top-right-radius: 6px;
}

#dvcDestinationsMap .btn-group > .btn.btn-default {
    background: linear-gradient(to bottom, #1488a8 0%, #096b8f 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #194e6b;
    color: #fff;
}

#dvcDestinationsMap .btn-group > .btn.btn-default:hover {
    background: #00739a; /* Old browsers */
    border-color: #194E6B;
    color: #FFF;
}

#dvcResortMapWrapper {
    margin: 0;
    padding: 5px;
    z-index: 3;
}

#dvcResortMapWrapper .dvcResortMapWrapperInner {
    position: relative;
    border-radius: 11px;
}


/********** Loading **********/

#dvcResortMapWrapper .dvcResortMapWrapperInner .dvcResortMapLoading {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1001;
    height: 100%;
    width: 100%;
}

#dvcResortMapWrapper .dvcResortMapWrapperInner .dvcResortMapLoadingBg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    border-radius: 6px;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#dvcResortMapWrapper .dvcResortMapWrapperInner .dvcResortMapLoadingF {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
}


/********** IE Border radius hack fix **********/

#dvcResortMapWrapper .dvcResortMapWrapperInner .dvcResortMapRadius .dvcResortMapRadius-nw {
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 1;
    height: 12px;
    width: 12px;
    background: transparent;
    border-left: 5px solid #fff;
    border-top: 5px solid #fff;
    border-top-left-radius: 12px;
}

#dvcResortMapWrapper .dvcResortMapWrapperInner .dvcResortMapRadius .dvcResortMapRadius-ne {
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 1;
    height: 12px;
    width: 12px;
    background: transparent;
    border-right: 5px solid #fff;
    border-top: 5px solid #fff;
    border-top-right-radius: 12px;
}

#dvcResortMapWrapper .dvcResortMapWrapperInner .dvcResortMapRadius .dvcResortMapRadius-se {
    position: absolute;
    bottom: -5px;
    right: -5px;
    z-index: 1000;
    height: 12px;
    width: 12px;
    background: transparent;
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    border-bottom-right-radius: 12px;
}

#dvcResortMapWrapper .dvcResortMapWrapperInner .dvcResortMapRadius .dvcResortMapRadius-sw {
    position: absolute;
    bottom: -5px;
    left: -5px;
    z-index: 1;
    height: 12px;
    width: 12px;
    background: transparent;
    border-left: 5px solid #fff;
    border-bottom: 5px solid #fff;
    border-bottom-left-radius: 12px;
}

#dvcResortMapWrapper .dvc-resort-map {
    height: 500px;
}

.dvc-resort-map:focus {
    outline: 1px dotted;
}

#dvcDestinationsMap .dropdown-menu {
    z-index: 1001;
}

/**************************************************
 * Destinations List Page - destinations-list.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: ogoyb001 $
 * $Revision: #6 $
 * $Change: 1646680 $
 * $Date: 2016/10/20 $
 **************************************************/

/**=====================================================================
 * Destinations List
 *----------------------------------------------------------------------
 * MODULE
 * @url /destinations/list/{string}/{slug}/points-room/
 *
 *
 * Page Road Map
 *
 * Resort Details (Rooms & Points) Page
 * |
 * |-- List Filters
 * |-- Check Availability
 * |     |
 * |     |-- Logged Out
 * |     |-- Logged In
 * |     |---|
 * |         |-- Check Availability Form
 * |         |-- Mobile CTA Toggle
 * |         |-- Selected Options
 * |
 * |-- Filter Results Text
 * |-- Resort Listing
 * |     |
 * |     |-- Points Chart
 * |     |-- Availability
 * |     |   |
 * |     |   |-- Table
 * |     |
 * |     |-- Unknown Availability
 * |
 * |-- Disclaimer
 *
 *=====================================================================*/

/**-------------------------------------------------------------
 * Check Availability Logged In - Selected Options
 *
 * destinations list
 *--------------------------------------------------------------*/

#dvcDestinationsList .dvcCheckAvailabilityLoggedIn .dvcCheckAvailabilityMobileSelectedOptions {
    padding: 13px 8px 13px;
    background: #e5f3f8;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#dvcDestinationsList .dvcCheckAvailabilityLoggedIn .dvcCheckAvailabilityMobileSelectedOptions .dvcss-dt-cell {
    vertical-align: middle;
}

#dvcDestinationsList .dvcCheckAvailabilityLoggedIn .dvcCheckAvailabilityMobileSelectedOptions ul > li {
    margin-top: 10px;
    vertical-align: middle;
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

#dvcDestinationsList .dvcCheckAvailabilityLoggedIn .dvcCheckAvailabilityMobileSelectedOptions ul > li:first-child {
    margin-top: 0;
}

#dvcDestinationsList .dvcCheckAvailabilityLoggedIn .dvcCheckAvailabilityMobileSelectedOptions ul > li .dvcss-pepmdxicon {
    top: -2px;
    margin-right: 4px;
    vertical-align: middle;
    font-size: 15px;
}

#dvcDestinationsList .dvcCheckAvailabilityLoggedIn .dvcCheckAvailabilityMobileSelectedOptions button.btn-link {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding: 0;
    outline: none;
}

#dvcDestinationsList .dvcss-panel > .panel-nav .nav-tabs > li > a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

/**------------------------------------------------------------
 * Page Title
 *         <section> .sectionPageTitle
 *-------------------------------------------------------------*/

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDestinationsList .dvcss-page-header {
        margin-bottom: 6px;
        padding-bottom: 0;
    }

    #dvcDestinationsList .dvcss-page-header > h1,
    #dvcDestinationsList .dvcss-page-header > h2,
    #dvcDestinationsMap .dvcss-page-header > h1 {
        padding-top: 9px;
        padding-bottom: 0;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 40px;
    }

    #dvcDestinationsList .dvcCheckAvailabilityLoggedIn .dvcCheckAvailabilityMobileContainer .pepMdxIcon {
        position: relative;
        top: -1px;
        font-size: 20px;
    }

    #dvcDestinationsList #dvcDestinationCheckAvailabilityContentBody #dvcCheckAvailabilityParentInputs .dvcss-form .form-handler {
        margin-bottom: 15px;
    }

    #dvcDestinationsList #dvcDestinationCheckAvailabilityContentBody #dvcCheckAvailabilityParentInputs .dvcss-form.form-inline .formInputElement,
    #dvcDestinationsList #dvcDestinationCheckAvailabilityContentBody #dvcCheckAvailabilityParentInputs .dvcss-form .formInputElement {
        margin-bottom: 0 !important;
    }

    #dvcDestinationsList #dvcDestinationCheckAvailabilityContentBody #dvcCheckAvailabilityParentInputs .dvcss-form.form-inline .formInputElement label,
    #dvcDestinationsList #dvcDestinationCheckAvailabilityContentBody #dvcCheckAvailabilityParentInputs .dvcss-form .formInputElement label {
        margin-bottom: -1px;
        padding-bottom: 0;
        width: auto;
    }

}

#dvcDestinationsList .btn-group > .btn {
    width: 78px;
}

/* Desktop - Tablet only */
@media screen and (min-width: 768px) {

    #dvcDestinationsList .dvcss-page-header > h1,
    #dvcDestinationsMap .dvcss-page-header > h1 {
        padding-top: 20px;
    }

}

#dvcDestinationsList .btn-group > .btn.btn-default.active,
#dvcDestinationsList .btn-group > .btn.btn-default.active:hover {
    background: #fffcff; /* Old browsers */
    background: -moz-linear-gradient(top,  #fffcff 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffcff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fffcff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fffcff 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fffcff 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fffcff 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border-color: #778C99;
    color: #778C99;
    cursor: default;
}

#dvcDestinationsList .btn-group > .btn.btn-default:hover {
    background: #00739a; /* Old browsers */
    border-color: #194E6B;
    color: #FFF;
}

#dvcDestinationsList .btn-group > .btn.btn-default {
    background: #1488a8; /* Old browsers */
    background: -moz-linear-gradient(top,  #1488a8 0%, #096b8f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1488a8), color-stop(100%,#096b8f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1488a8 0%,#096b8f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1488a8 0%,#096b8f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1488a8 0%,#096b8f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1488a8 0%,#096b8f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1488a8', endColorstr='#096b8f',GradientType=0 ); /* IE6-9 */
    border-color: #194E6B;
    color: #FFF;
}

#dvcDestinationsList .btn-group > .btn:first-child  {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-right-color: #194E6B !important;
}

#dvcDestinationsList .btn-group > .btn:last-child  {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-left-color: #194E6B !important;
}


/**------------------------------------------------------------
 * Check Availability (Logged Out)
 *         <section> .sectionCheckAvailabilityLoggedOut
 *-------------------------------------------------------------*/

#dvcDestinationsList #dvcDestinationCheckAvailabilitySignin {
    padding: 18px 18px 18px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #253b56;
}

#dvcDestinationsList #dvcDestinationCheckAvailabilitySignin .dvcss-pepmdxicon {
    margin-right: 2px;
    font-size: 20px;
}


/**------------------------------------------------------------
 * Resorts Listing
 *         <section> .sectionResortListing
 *-------------------------------------------------------------*/

#dvcDestinationsList .sectionResortListing .dvcss-listing > li.dvcss-listing-item .media-body-left .media-object-wrapper {
    width: 170px;
}

#dvcDestinationsList .sectionResortListing .dvcss-listing > li.dvcss-listing-item .media-body-left .media-object-wrapper .media-object.lazy {
    width: auto;
    margin: 0 auto;
}

/* Desktop only */
@media screen and (min-width: 768px) {

    #dvcDestinationsList .sectionResortListing .dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-collapse.collapsing {
        height: auto!important;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

}

/** Mobile only **/
@media screen and (max-width: 767px) {

    #dvcDestinationsList .sectionResortListing .dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card-media .media-object.lazy {
        width: auto;
        margin: 0 auto;
    }

}


#dvcDestinationsListListing .dvcss-listing-item .media-heading {
    line-height: 28px;
    margin-top: -4px;
    margin-bottom: 4px;
}

.dvcss-listing-item-card .dvcss-listing-item-card-description div {
   color: #253b56;
}

#dvcDestinationsListListing .dvcss-listing-item-card a:hover,
#dvcDestinationsListListing .dvcss-listing-item-card a:active,
#dvcDestinationsListListing .dvcss-listing-item-card a:focus {
    text-decoration: none;
}

#dvcDestinationsListListing .dvcss-listing-item-card-desc {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    max-width: 470px;
}

#dvcDestinationsListListing .dvcss-listing-item-card-actions {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    margin-top: 0;
}

#dvcDestinationsListListing .dvcss-listing-item-card-actions a .dvcss-pepmdxicon.dvcss-pepmdxicon-checkmark {
    margin-right: -1px;
}

#dvcDestinationsListListing .dvcss-list-helper.list-inline {
    padding: 0;
    line-height: 16px;
}

#dvcDestinationsListListing .dvcss-list-helper > li small {
    font-size: 12px;
    line-height: 16px;
    padding-top: 2px;
}

.dvcDestinationsListListing .inlineDatepicker .ui-datepicker {
    width: auto;
}

#dvcDestinationsListListing .dvcss-listing-item .dvcss-pepmdxicon-next {
    font-size: 23px;
}

#dvcDestinationsListListing .dvcss-list-helper li {
    white-space: normal;
}

#dvcDestinationsListListing .dvcss-list-helper li div.unavailablePointsPerTrip {
    width: 158px;
    color: #78899e;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
}

#dvcDestinationsListListing .dvcss-list-helper li div.unavailablePointsPerTrip span {
    color: #78899e;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 18px;
    white-space: normal;
}

#dvcDestinationsListListing .dvcss-list-helper li div.unavailablePointsPerTrip a {
    margin-top: 5px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDestinationsListListing .dvcss-list-helper li div.unavailablePointsPerTrip {
        padding-top: 9px;
        padding-bottom: 1px;
        max-width: auto;
        width: auto;
        text-align: left;
    }

    #dvcDestinationsListListing .dvcss-list-helper li div.unavailablePointsPerTrip span {
        display: block;
    }

    #dvcDestinationsListListing .dvcss-list-helper li div.unavailablePointsPerTrip a {
        margin-top: 6px;
    }

}

/*
 * This caused all the hr lines to disappear in Destinations List's Availability PC and Modal
 *
 * #dvcDestinationsListListing :last-child hr {
 *      display: none;
 * }
 */

#dvcDestinationsListListing .availabilityCheckerResultsPaneLoadingDivImage {
    margin: 0 auto;
    background: transparent url('/media/dvc/members-msi/images/peploading.gif') no-repeat 0 0;
    width: 100px;
    height: 100px;
}

.dvcDestinationsListListingItem .tab-content .panel {
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: none;
}

#dvcDestinationsList .dvcDestinationListListingLoadMoreWrapper {
    padding: 18px 25px 21px
}

#dvcDestinationsList .dvcDestinationListViewMoreContainer .dvcss-hr-faded {
    display: none;
}

#dvcDestinationsList #dvcDestinationsListListingLoadMore {
    color: #00739a;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 0;
}

#dvcDestinationsList .noResultsMessageContainer {
    color: #aeb8c2;
    font-family: avenir;
    font-size: 18px;
    font-style: normal;
    font-weight: 100;
    line-height: 20px;
    padding-top: 41px;
    padding-bottom: 26px;
    text-align: center;
}

#dvcDestinationsList .disclaimerText {
    padding: 20px 20px 20px;
}

/* Desktop only */
@media screen and (min-width: 768px) {

    #dvcDestinationsListListing .dvcss-listing-item .dvcss-pepmdxicon-next {
        right: 14px;
    }

    #dvcDestinationsListListing .dvcss-listing-item .media {
        padding-right: 0;
    }

    #dvcDestinationsListListing .dvcss-listing-item .media-body-right.one-col {
        padding: 0 17px;
    }

    #dvcDestinationsListListing .dvcss-listing-item .media-body-right.three-col {
        padding: 0 17px;
    }

    #dvcDestinationsListListing .dvcss-listing-item .media-body-right {
        text-align: right;
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDestinationsListListing .dvcss-listing-item .media-heading {
        margin-top: 2px;
        margin-bottom: 9px;
        max-width: auto;
        line-height: 24px;
    }

    #dvcDestinationsListListing .dvcss-listing-item-card-desc {
        margin-bottom: 10px;
        max-width: auto;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcDestinationsListListing > li.dvcss-listing-item .dvcss-modal-opened-xs.dvcss-listing-item-collapse,
    #dvcDestinationsListListing > li.dvcss-listing-item .dvcss-modal-opened-xs.dvcss-listing-item-collapse.collapsing,
    #dvcDestinationsListListing > li.dvcss-listing-item .dvcss-modal-opened-xs.dvcss-listing-item-collapse.in {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10005;
        height: 100%!important;
        width: 100%;
        background: #fff;
        overflow-y: auto;
    }

    #dvcDestinationsListListing .dvcss-list-helper.list-inline {
        margin-left: -14px;
        padding-top: 11px;
        padding-bottom: 4px;
    }

    #dvcDestinationsList .dvcDestinationListListingLoadMoreWrapper {
        padding: 14px 13px 16px;
    }

    #dvcDestinationsList #dvcDestinationsListListingLoadMore {
        color: #00739a;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcDestinationsList .disclaimerText {
        margin: 0;
        padding: 0 9px 17px;
        color: #78899e;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcDestinationsListListing .dvcss-listing > li.dvcss-listing-item .dvcss-listing-item-card {
        padding-bottom: 20px;
    }

    #dvcDestinationsListListing .dvcss-listing-item-card-actions ul > li.list-divider {
        position: relative;
        top: -2px;
        padding-right: 2px;
        padding-left: 7px;
        color: #78899e;
    }

    #dvcDestinationsListListing .dvcss-listing-item-card-actions a .dvcss-pepmdx-icon {
        margin-left: -2px;
    }

    #dvcDestinationsList #dvcDestinationCheckAvailabilitySignin {
        padding: 13px 10px 12px 6px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
    }

}

/**------------------------------------------------------------
 * Selected Filters (Mobile)
 * section
 *-------------------------------------------------------------*/

#dvcDestinationsList .dvcSelectedFilterMobile {
    display: none;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDestinationsList .dvcSelectedFilterMobile {
        display: block;
        padding: 9px 10px 7px;
        background: #e5f3f8;
        border-bottom: 1px solid #dfdfdf;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 10px;
        font-weight: 400;
        line-height: 14px;
    }

    #dvcDestinationsList .dvcSelectedFilterMobile span {
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 10px;
        font-weight: 400;
        line-height: 14px;
    }

}


/*------------------------------------------------------------
 * DESTINATIONS Availability List
 *------------------------------------------------------------
 * section
 *
 */

.dvcDestinationsListAvailability {
    padding: 36px 20px 30px 40px;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityTable {
    margin-bottom: 0;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityTable thead th {
    background: none;
    color: #253b56;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    padding: 0 0 9px 20px;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityTable thead th:first-child {
    padding-left: 0;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityTable td {
    padding: 0;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityTable tbody th {
    background: none;
    color: #253b56;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 13px 0 14px 20px;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityTable tbody th:first-child {
    padding-left: 0;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityTable tbody .elRoomName {
    max-width: 315px;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityTable tbody .elRoomAvailabilityToggle {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityTable tbody .elRoomAvailabilityToggle .dvcss-pepmdxicon {
    top: 0;
    margin-right: 1px;

    font-size: 15px;
    vertical-align: top;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityTable tbody .elBtnBookTh {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 1%;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityTable .dvcDestinationsListAvailabilityHeading {
    color: #253b56;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityTable .dvcDestinationsListAvailabilityTitle {
    color: #253b56;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 30px;
    margin-bottom: 10px;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityTable .dvcDestinationsListAvailabilityDesc {
    margin-bottom: 9px;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityBody .dvcDestinationsListAvailabilitySeeAll {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 14px 0 15px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvcDestinationsListAvailability {
        height: 100%;
        padding: 0;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityTable {
        table-layout: fixed;
        max-width: 100%;
        width: 100%;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityHeadingBody {
        padding: 9px 0 17px;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityParent {
        min-height: 100%;
        padding-bottom: 61px;
        margin-bottom: -61px;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityBody {
        padding: 5px 20px 0;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityBody .dvcDestinationsListAvailabilityMobileDetails {
        padding-top: 16px;
        padding-bottom: 1px;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityBody .dvcDestinationsListAvailabilityMobileDetailsTitle {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 1px;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityBody .dvcDestinationsListAvailabilitySeeAll {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 16px 0 17px;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityFooter {
        background: #fff;
        padding: 0 20px;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityFooter .dvcDestinationsListAvailabilityFooterBody {
        padding: 15px 0;
    }

    .dvcDestinationsListAvailabilityMobileDetailsActionsWrapper {
        padding-bottom: 15px;
    }

}


/*-----------------------------------
 * Availability Calendar Collapsible
 *-----------------------------------*/

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible > .row {
    padding-bottom: 27px;
    padding-top: 11px;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible .dvcss-calendar {
    max-width: 412px;

    margin-left: auto;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible .dvcssDestinationsListAvailabilityCalendarLegends {
    margin-top: 71px;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible .dvcssDestinationsListAvailabilityCalendarLegends ul,
.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible .dvcssDestinationsListAvailabilityCalendarLegends ul > li {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible .dvcssDestinationsListAvailabilityCalendarLegends .dvcDLAChangeSearchBtnWrapper {
    display: block;
    margin-bottom: 21px;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible .dvcssDestinationsListAvailabilityCalendarLegends .dvcDLAHideCalendarWrapper {
    display: block;
    margin-top: 13px;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible .dvcssDestinationsListAvailabilityCalendarLegends ul > li {
    margin-top: 10px;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible .dvcssDestinationsListAvailabilityCalendarLegends ul > li:first-child {
    margin-top: 0;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible .dvcDLAHideCalendar {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    vertical-align: middle;
}

.dvcDestinationsListAvailability .elBtnCloseCollapse {
    position: absolute;
    top: 18px;
    right: 18px;
}

.dvcDestinationsListAvailability .elBtnCloseCollapse > .dvcss-pepmdxicon  {
    color: #A1AFC0;
    font-size: 18px;
}

/* Desktop only */
@media screen and (min-width: 768px) {

    .dvcDestinationsListAvailability {
        padding: 0 30px 27px 30px;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityTable tbody th {
        padding: 7px 0 7px 20px;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityTable tbody .elRoomName {
        font-size: 14px;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityTable tbody th {
        font-size: 12px;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityBody .dvcDestinationsListAvailabilitySeeAll {
        padding-top: 8px;
        padding-bottom: 0;
    }

}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityRefurbish {
    padding: 21px 0 11px;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityRefurbish .dvcss-container-fluid {
    padding-left: 0;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityRefurbish .dvcss-hr-faded {
    display: none;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityRefurbish .dvcss-form-list,
.dvcDestinationsListAvailability .dvcDestinationsListAv.dvcResortSummarysh .dvcResortSummary .dvcss-form-list {
    margin-top: 10px;
    margin-bottom: 23px;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityRefurbish .dvcss-form-list-left {
    margin-right: 4px;
}

.dvcDestinationsListAvailability .dvcDestinationsListAvailabilityRefurbish .dvcss-form-list-left .dvcss-pepmdxicon {
    font-size: 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityRefurbish {
        margin-bottom: 0;
        padding: 20px 0 0;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityRefurbish .dvcResortSummary,
    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityRefurbish .dvcResortSummary {
        padding-bottom: 10px;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityRefurbish .dvcss-form-list,
    .dvcDestinationsListAvailability .dvcDestinationsListAv.dvcResortSummarysh .dvcResortSummary .dvcss-form-list {
        margin-top: 0;
        margin-bottom: 0;
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible .dvcss-calendar {
        max-width: none;

        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible .dvcssDestinationsListAvailabilityCalendarLegends {
        margin-top: 18px;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible .dvcssDestinationsListAvailabilityCalendarLegends ul > li {
        display: inline-block;
        margin-top: 0;
        margin-right: 11px;

        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400
    }

    .dvcDestinationsListAvailability  .dvcDestinationsListAvailabilityMobileDetails.list-unstyled li:not(.dvcDestinationsListAvailabilityMobileDetailsTitle) {
        font-size: 12px;
        line-height: 20px;
    }

    .dvcDestinationsListAvailability  .dvcDestinationsListAvailabilityMobileDetails.list-unstyled i.dvcss-pepmdxicon-calendar-month {
        font-size: 15px;
    }

    .dvcDestinationsListAvailability .dvcss-calendar .dvcss-calendar-month-prev {
        left: -7px;
    }

    .dvcDestinationsListAvailability .dvcss-calendar .dvcss-calendar-month-next {
        right: -7px;
    }

    .dvcDestinationsListAvailability .dvcss-calendar .dvcss-calendar-days-header {
        margin-top: 2px;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible .dvcssDestinationsListAvailabilityCalendarLegends .dvcDLAHideCalendarWrapper {
        margin-top: 9px;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible > .row {
        padding-bottom: 8px;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible .dvcDLAHideCalendar {
        font: 14px Avenir-roman, Helvetica, Arial, sans-serif;
        line-height: 20px;
    }

    .dvcDestinationsListAvailability .dvcDestinationsListAvailabilityCalendarCollapsible .dvcss-calendar .dvcss-calendar-days-col > li > span i {
        right: 8px;
    }

}

/* Desktop only */
@media screen and (min-width: 768px) {

    #dvcDestinationsList .dvcssListContainerAvailability .dvcssListRow:after {
        content:"";
        height: 1px;
        display: block;
        position: absolute;
        background: linear-gradient(to right, rgba(223, 223, 223, 0) 0%, rgba(223, 223, 223, 1) 50%, rgba(223, 223, 223, 0) 100%);
        width:100%;
        left:0;
        margin-top:0;
    }

    #dvcDestinationsList .dvcssListContainerAvailability .dvcssListRowFooter:after {
        content:"";
        height: 1px;
        display: block;
        position: absolute;
        background: linear-gradient(to right, rgba(223, 223, 223, 0) 0%, rgba(223, 223, 223, 1) 50%, rgba(223, 223, 223, 0) 100%);
        width:100%;
        left:0;
        margin-top:-36px;
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDestinationsList .dvcssListContainerAvailability {
        padding: 20px 20px 15px 20px;
    }

    #dvcDestinationsList .dvcssListContainerAvailability .dvcssListHeading div {
        display: block;
        padding: 0;
    }

    #dvcDestinationsList .dvcssListContainerAvailability .dvcssListHeading div,
    #dvcDestinationsList .dvcssListContainerAvailability .dvcssListRow div.dvcssListRowCell {
        display: block;
        border-bottom: 0;
    }

    #dvcDestinationsList .dvcssListContainerAvailability .dvcssListRow div.dvcssListRowCell {
        padding: 9px 0 0;
    }

    #dvcDestinationsList .dvcssListContainerAvailability .dvcssListRow div.dvcssListRowCell.dvcssListRowButton {
        padding: 4px 0 15px 0;
    }

    #dvcDestinationsList .dvcssListContainerAvailability .dvcssListRow .dvcssListRowCell span {
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 20px;
        padding-right: 7px;
    }

    #dvcDestinationsList .dvcssListContainerAvailability .dvcAvailableRoomsTitle {
        color: #253B56;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
        margin-bottom: 15px;
    }

    #dvcDestinationsList .dvcssListContainerAvailability .dvcResortTitle {
        color: #253b56;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 15px;
    }

    #dvcDestinationsList .dvcssListContainerAvailability .dvcssListRow .dvcssListRowCell span.dvcRoomView {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-weight: 600;
    }

    #dvcDestinationsList .dvcssListContainerAvailability .dvcAvailabilityContentFooterBody {
        padding: 14px 0 0;
    }

    #dvcDestinationsList .dvcssListContainerAvailability .dvcssListRowFooter div {
        padding: 14px 0 16px
    }

}


/**------------------------------------------------------------
 * Filtered Results Text
 * section
 *-------------------------------------------------------------*/

#dvcDestinationFilter #dvcDestinationsListResult {
    display: block;
    margin-top: 1px;
    max-width: 620px;
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

#dvcDestinationFilter #dvcDestinationsListResult a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}


/**------------------------------
 * Sort By
 *-------------------------------*/

#dvcDestinationFilter.panel-body {
    padding: 21px 21px 21px 20px;
    border-bottom: 1px solid #dfdfdf;
}

#dvcDestinationFilter .dvcDestinationsSortBy .formInputElement label {
    margin: 0;
    padding: 0 11px;
    color: #253b56;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    text-align: right;
}


/*------------------------------------------------------------
 * DESTINATIONS FILTERED RESULTS TEXT
 *------------------------------------------------------------
 * section
 *
 */

#dvcDestinationFilter .media {
    overflow: visible;
}

#dvcDestinationFilter #selectedFilterLabel {
    max-width: 620px;
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

#dvcDestinationFilter .dvcDestinationsSortBy .selectBox {
    margin: 0;
}

#dvcDestinationFilter .form-horizontal label {
    color: #253b56;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    margin-top: -16px;
    margin-right: 15px;
    padding: 0;
    text-align: right;
    vertical-align: middle;
}

#dvcDestinationFilter #sort-wrapper {
    width: 150px;
}

#dvcFormAgeTimeTravel.dvcss-form.form-inline .form-group  {
    margin-right: -3px;
}


/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDestinationFilter.panel-body {
        padding: 10px;
    }

    #dvcDestinationFilter #dvcDestinationsListResult {
        margin-top: 8px;
        margin-bottom: 8px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

}


/*------------------------------------------------------------
 * DESTINATIONS LIST FILTERS
 *------------------------------------------------------------
 * section
 *
 */

#dvcDestinationsListFilters .dvcss-panel-nav .checkbox .span {
    color: #00739a;

    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}

#dvcDestinationsListFilters a.dropdown-toggle:hover {
    text-decoration: underline;
}

/* Desktop only */
@media screen and (min-width: 768px) {

    #dvcDestinationsListFilters .nav-tabs .dropdown-menu .panel > .collapse {
        display: block;
        height: auto!important;
    }

    #dvcDestinationsListFilters .nav-tabs .dropdown-menu .panel > .collapse:nth-of-type(2) {
        margin-top: 0;
    }

    #dvcDestinationsListFilters .nav-tabs .dropdown-menu .panel > .collapse:not(:nth-of-type(2)) {
        padding-top: 8px;
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDestinationFilter {
        padding: 20px;
    }

    #dvcDestinationsListFilters a:hover {
        text-decoration: none !important;
    }

    #dvcDestinationsListFilters {
        display: none;
    }

    #dvcDestinationsListFilters.dvcss-modal-opened-xs {
        display: block;
        position: fixed;
        top: 0!important;
        bottom: 0;
        left: 0;
        z-index: 100004;
        height: 100%!important;
        width: 100%;
        background: #ebf6fc;
        overflow: hidden;
    }

    #dvcDestinationsListFilters.dvcss-modal-opened-xs .panel-nav-body {
        position: relative;
        height: 100%;
    }

    #dvcDestinationsListFilters .nav-tabs {
        position: absolute;
        top: 0!important;
        bottom: 71px!important;
        left: 0;
        padding-bottom: 0;
        width: 100%;
        background: #ebf6fc;
        border-radius: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling:touch;
    }

    #dvcDestinationsListFilters .nav-tabs > li {
        display: block;
        border: 0;
        margin: 0;
    }

    .dvcss-panel > #dvcDestinationsListFilters .nav-tabs > li.open:after {
        display: none;
    }

    #dvcDestinationsListFilters .nav-tabs > li > a {
        display: none;
    }

    #dvcDestinationsListFilters .nav-tabs > li.nav-divider {
        display: none;
    }

    #dvcDestinationsListFilters .nav-tabs .dropdown-menu {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        float: none;
        background: none;
        border-radius: 0;
        margin: 0;
        padding: 0;
        z-index: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #dvcDestinationsListFilters .nav-tabs .dropdown-menu .panel {
        background: none;
        border: 0;
        margin-bottom: 0;
        box-shadow: none;
    }

    #dvcDestinationsListFilters .nav-tabs .dropdown-menu .panel .panel-heading {
        background: #fff;
        border-bottom: 1px solid #dfdfdf;
        border-radius: 0;
        padding: 2px 13px 1px;
    }

    #dvcDestinationsListFilters .nav-tabs .dropdown-menu .panel .panel-heading a {
        color: #00739a;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 32px;
        vertical-align: middle;
    }

    #dvcDestinationsListFilters .nav-tabs .dropdown-menu .panel .panel-heading .caret {
        position: relative;
        top: -2px;
        border-top: 7px solid;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        margin-right: 11px;
    }

    #dvcDestinationsListFilters .nav-tabs .dropdown-menu .panel .panel-heading .dvcss-pepmdxicon {
        top: 3px;
        margin-right: 9px;
        font-size: 16px;
    }

    #dvcDestinationsListFilters .nav-tabs .dropdown-menu .panel .panel-heading .collapsed .dvcss-pepmdxicon {
        top: 2px;
        left: 1px;
        color: #a1afc0;
    }

    #dvcDestinationsListFilters .nav-tabs .dropdown-menu .panel .panel-heading .collapsed .caret {
        position: relative;
        left: 5px;
        margin-right: 18px;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 0;
        border-left: 7px solid;
        color: #a1afc0;
    }

    #dvcDestinationsListFilters .nav-tabs .dropdown-menu .panel .panel-heading a.collapsed {
        color: #253b56;
    }

    #dvcDestinationsListFilters .form-row,
    #dvcDestinationsListFilters .dvcss-form .form-row {
        display: table;
        position: relative;
        padding: 0;
        min-height: 60px;
        width: 100%;
        border-bottom: 1px solid #dfdfdf;
    }

    #dvcDestinationsListFilters .checkbox,
    #dvcDestinationsListFilters .radio {
        display: table-cell;
        position: static;
        padding: 0 15px 0 35px;
        height: 60px;
        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: normal;
        vertical-align: middle;
    }

    #dvcDestinationsListFilters .checkbox input,
    #dvcDestinationsListFilters .radio input {
        top: 21px;
    }

    #dvcDestinationsListFilters .checkbox span,
    #dvcDestinationsListFilters .radio span {
        position: static;
        padding-left: 7px;
        max-width: 196px;
        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
    }

    #dvcDestinationsListFilters .checkbox span::before,
    #dvcDestinationsListFilters .radio span::before {
        top: 21px;
        left: 34px;
    }

    #dvcDestinationsListFilters .checkbox span::after {
        top: 21px;
        left: 34px;
    }

    #dvcDestinationsListFilters .radio span::after {
        left: 37px;
        top: 24px;
    }

    #dvcDestinationsListFiltersFooter {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10000;
    }

    #dvcDestinationsListFiltersFooterActions {
        background: #ebf6fc;
        border-top: 1px solid #dfdfdf;
        padding: 15px;
    }

}

#dvcDestinationsList .panel-heading {
    padding: 0;
}


/**
 * DESTINATIONS LIST - MEMBER CHECK AVAILABILITY
 * ========================================
 *
 * @id #dvcDestinationsListMemberCheckAvailability
 * @url
 * @parent #dvcDestinationsList
 */

#dvcDestinationCheckAvailability {
    border-color: transparent;
    padding: 16px 21px 5px;
}

#dvcDestinationCheckAvailability [class*="col-"] {
    padding: 0;
}

#dvcDestinationCheckAvailability .uiPlus .datePicker input {
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

#dvcDestinationCheckAvailability .uiPlus .datePicker,
#dvcDestinationCheckAvailability .uiPlus .datePicker input,
#dvcDestinationCheckAvailability .uiPlus .datePicker label,
#dvcDestinationCheckAvailability .uiPlus .datePicker .datePickerInput,
#dvcDestinationCheckAvailability .uiPlus .datePicker .inlineErrors,
#dvcDestinationCheckAvailability .uiPlus .datePicker .textInputHint {
    width: 116px;
}

#dvcDestinationCheckAvailability #dvcFormDates .dvcss-form.form-inline .form-group {
    margin-right: 6px;
}

#dvcDestinationCheckAvailability .uiPlus .datePicker .ui-datepicker-trigger {
    right: 4px;
    top: 27px;
}

#dvcDestinationCheckAvailability .selectBox.short {
    width: 70px;
}

#dvcDestinationCheckAvailability .richCheckBox {
    float: left;
    margin-right: 7px;
    color: #253b56;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

#dvcDestinationCheckAvailability .form-no-label-container {
    margin-top: 22px;
    margin-right: -10px;
}

#dvcDestinationCheckAvailability small {
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
}

#dvcDestinationCheckAvailabilityContentBody .dvcss-form-list {
    margin-top: 2px;
    margin-bottom: 17px;
}

#dvcDestinationsList .dvcCheckAvailabilityLoggedIn .dvcDestinationCheckAvailabilityContentBody .dvcss-form-list-title {
    font-size: 12px;
}

#dvcDestinationsListMemberCheckAvailability .formInputElement {
    margin-right: 0;
}

#dvcCheckAvailabilityParentInputs .dvcss-form.form-inline .form-group.dvcCheckAvailabilityInputGroupAdults {
    margin-right: 13px;
}

#dvcCheckAvailabilityParentInputs .dvcss-form.form-inline .form-group.dvcCheckAvailabilityInputGroupCheckInDate {
    margin-right: 17px;
}

#dvcCheckAvailabilityParentInputs .dvcss-form.form-inline .form-group {
    margin-right: 16px;
}

#dvcCheckAvailabilityParentInputs .dvcss-form .form-row {
    margin-bottom: 6px;
}

#dvcCheckAvailabilityOtherInputs.dvcss-form.form-inline .form-group {
    margin-right: 13px;
}

#dvcCheckAvailabilityOtherInputs.dvcss-form.form-inline .form-no-label-container label {
    color: #253b56;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    max-width: 100px;
}

#dvcCheckAvailabilityOtherInputs .pillSubmit {
    margin-left: -4px;
}

#dvcCheckAvailabilityParentInputs .dvcCheckAvailabilityInputGroupChildren {
    margin-right: 0;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDestinationCheckAvailability {
        display: none;
    }

    #dvcDestinationCheckAvailability.dvcss-modal-opened-xs {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100004;
        height: 100%!important;
        width: 100%;
        background: #fff;
        padding: 0;
        overflow-y: auto;
    }

    #dvcDestinationCheckAvailability form {
        display: inline;
    }

    #dvcDestinationCheckAvailability .form-no-label-container {
        margin-top: -2px;
        margin-left: -3px;
    }

    #dvcDestinationCheckAvailabilityContent {
        height: 100%;
    }

    #dvcDestinationCheckAvailabilityContent .slider-container {
        /*
         * Removed based on red lines on DVCP2739.
         * Added margin-left and margin-right instead.
         */
        /* padding-left: 13px; */
        /* padding-right: 15px; */
        margin-left: 40px;
        margin-right: 40px;
        margin-bottom: 15px;
        margin-top: 16px;
        background-color: #DFDFDF;
        border-radius: 6px;
    }

    #dvcDestinationsListMemberCheckAvailability {
        min-height: 100%;
        padding-bottom: 61px;
        margin-bottom: -61px;
    }

    #dvcDestinationsListMemberCheckAvailability .textInput input {
        margin-top: 4px;
    }

    #dvcDestinationCheckAvailability small {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-weight: 400;
    }

    /********** Check Availability: (Mobile) Header Toggle **********/

    #dvcDestinationCheckAvailabilityMobileHeaderWrapper {
        padding: 10px 8px 7px 8px;
    }

    #dvcDestinationCheckAvailabilityMobileHeaderWrapper a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

    /********** Check Availability: (Mobile) Modal **********/

    #dvcDestinationCheckAvailabilityMobileHeader {
        padding: 0 19px 0;
    }

    #dvcDestinationCheckAvailabilityMobileHeader .dvcDestinationCheckAvailabilityMobileHeaderBody {
        padding: 14px 0 9px;
    }

    #dvcDestinationCheckAvailabilityMobileHeader .dvcDestinationCheckAvailabilityMobileHeaderTitle {
        margin-bottom: 10px;
        color: #253B56;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
    }

    #dvcDestinationCheckAvailabilityMobileHeader .dvcDestinationCheckAvailabilityMobileHeaderDesc {
        margin-bottom: 8px;
        color: #253B56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcDestinationCheckAvailabilityContentBody {
        padding: 19px 20px 20px;
    }

    #dvcDestinationCheckAvailabilityContentBody .dvcss-form-list {
        margin-top: 0;
        margin-bottom: 13px;
    }

    #dvcDestinationCheckAvailabilityContentBody .dvcss-form-list .dvcss-form-list-title {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
    }

    #dvcDestinationCheckAvailabilityContentBody .dvcss-form-list .dvcss-form-list-body > ul > li {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
    }

    #dvcDestinationCheckAvailabilityContentBody .dvcss-form-list .dvcss-form-list-left {
        margin-right: 5px;
    }

    #dvcDestinationCheckAvailabilityContentBody .dvcss-form-list .dvcss-form-list-left .dvcss-pepmdxicon {
        top: 1px;
        margin-left: -3px;
        font-size: 18px;
    }

    #dvcDestinationCheckAvailabilityContentBody #dvcCheckAvailabilityParentInputs .dvcss-form .form-row {
        margin-left: -7px;
        margin-right: -7px;
        margin-bottom: 0;
    }

    #dvcDestinationCheckAvailabilityContentBody #dvcCheckAvailabilityParentInputs .dvcss-form .form-handler {
        display: table;
        width: 100%;
        margin-bottom: 15px;
    }

    #dvcDestinationCheckAvailabilityContentBody #dvcCheckAvailabilityParentInputs .dvcss-form .form-handler .form-group {
        display: table-cell;
        width: 50%;
        margin-right: 0;
        padding: 0 7px;
    }

    #dvcCheckAvailabilityOtherInputs span.rich-checkbox {
        height: 26px;
        width: 26px;
        background-size: 290px!important;
        background-position: 0 -9222px;
    }

    #dvcCheckAvailabilityOtherInputs span.rich-checkbox:focus {
        height: 26px;
        width: 26px;
        background-size: 290px!important;
        background-position: 0 -9250px;
    }

    #dvcCheckAvailabilityOtherInputs span.rich-checkbox.selected {
        height: 26px;
        width: 26px;
        background-size: 290px!important;
        background-position: 0 -9306px;
    }

    #dvcCheckAvailabilityOtherInputs span.rich-checkbox.selected:focus {
        height: 26px;
        width: 26px;
        background-size: 290px!important;
        background-position: 0 -9390px;
        /*-9362px*/
    }

    #dvcCheckAvailabilityOtherInputs.dvcss-form.form-inline .form-group {
        margin-right: 0;
    }

    #dvcCheckAvailabilityOtherInputs.dvcss-form.form-inline .form-no-label-container label {
        display: inline-block;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        margin-top: 4px;
        line-height: 20px;
        max-width: none;
    }

    #dvcCheckAvailabilityParentInputs .formInputElement {
        display: block;
    }

    #dvcDestinationCheckAvailability .uiPlus #dvcCheckAvailabilityParentInputs .datePicker {
        width: auto;
    }

    #dvcDestinationCheckAvailability .uiPlus .datePicker .ui-datepicker-trigger {
        right: 7px;
        top: 34px;
    }

    #dvcDestinationCheckAvailability .uiPlus #dvcCheckAvailabilityParentInputs .selectBox.short,
    #dvcDestinationCheckAvailability .uiPlus #dvcCheckAvailabilityParentInputs .datePicker input {
        width: 100%;
    }

    #dvcDestinationCheckAvailability .uiPlus #dvcCheckAvailabilityParentInputs .datePicker input {
        padding-left: 10px;
    }

    #dvcDestinationCheckAvailability .uiPlus #dvcCheckAvailabilityParentInputs .selectBox .select-toggle {
       margin-left: 0;
    }

    #dvcDestinationsListMemberCheckAvailability #dvcCheckAvailabilityOtherInputs .formInputElement {
        display: block;
    }

    #dvcDestinationCheckAvailability #vacation-points-slider-range {
        width: 100%;
    }

    #dvcDestinationCheckAvailability #vacation-points-slider-range.ui-slider-horizontal {
        height: 7px;
    }

    #dvcDestinationCheckAvailabilityMobileFooter {
        background: #fff;
        margin-bottom: 0;
        padding: 0 20px;
    }

    #dvcDestinationCheckAvailabilityMobileFooter .dvcDestinationCheckAvailabilityMobileFooterBody {
        padding: 15px 0;
    }

    #dvcDestinationCheckAvailabilityMobileFooter .dvcDestinationCheckAvailabilityMobileFooterBody .dvcss-btn {
        margin-left: 12px;
    }

    #dvcDestinationCheckAvailabilityMobileFooter .dvcDestinationCheckAvailabilityMobileFooterBody .dvcss-btn:first-child {
        margin-left: 0;
    }

}

/* Desktop query */
@media screen and (min-width: 768px) {

    #dvcChangeSearchModal .datePicker,
    #dvcChangeSearchModal .datePicker input {
        width: 123px;
    }

    #dvcChangeSearchModal .uiPlus .datePicker .ui-datepicker-trigger {
        right: 7px;
        top: 27px;
    }

    #dvcChangeSearchModal #dvcCheckAvailabilityOtherInputs {
        margin-top: 13px;
    }

    #dvcChangeSearchModal .dvcCheckAvailabilitySliderVacationPoints {
        padding-left: 10px;
    }

    #dvcChangeSearchModal .modal-footer ul {
        margin-bottom: 15px;
    }

    #dvcDestinationCheckAvailability .vacation-points-slider-range {
        width: 110px;
    }

}


/*------------------------------------------------------------
 * DESTINATIONS LIST - POINTS CHART
 *------------------------------------------------------------
 * section
 * .dvcPointsChart
 */

.dvcPointsChart .dvcPointsChartContentBody {
    padding: 0;
}

/* Note: Do not group them together since they are referencing to different vendors. */
.dvcPointsChart .dvcPointsChartContentBody .uiPlus .textInput input::-webkit-input-placeholder {
    font-style: italic;
}

.dvcPointsChart .dvcPointsChartContentBody .uiPlus .textInput input:-moz-placeholder {
    font-style: italic;
}

.dvcPointsChart .dvcPointsChartContentBody .uiPlus .textInput input::-moz-placeholder {
    font-style: italic;
}

.dvcPointsChart .dvcPointsChartContentBody .uiPlus .textInput input:-ms-input-placeholder {
    font-style: italic;
}

/* Desktop only */
@media screen and (min-width: 768px) {

    .dvcPointsChart .hasDatepicker {
        padding: 5px 10px 4px !important;
    }

    .dvcPointsChart .uiPlus .datePicker {
        width: 111px;
    }

    .dvcPointsChart .dvcss-form .form-group .datePicker input {
        width: 116px;
    }

    .dvcPointsChart .dvcPointsChartContentBody .selectBox .select-toggle > span.select-value {
        padding-left: 9px;
    }

    .dvcPointsChart .selectBox .richSelectArrowIcon {
        right: 9px !important;
    }

    .dvcPointsChart .dvcss-calendar .dvcss-calendar-days-col > li > span i {
        top: 3px;
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvcPointsChart .dvcPointsChartContentBody .selectBox .select-toggle > span.select-value {
        line-height: 20px;
        top: 8px;
    }

    .dvcPointsChart .dvcPointsChartContentBody .uiPlus .textInput input {
        padding: 10px;
    }

    .dvcPointsChart .dvcPointsChartContent {
        height: 100%;
    }

    .dvcPointsChart .dvcPointsChartContentParent {
        min-height: 100%;
        padding-bottom: 61px;
        margin-bottom: -61px;
    }

    .dvcPointsChart .dvcPointsChartContentHeader {
        padding: 0 20px 0;
    }

    .dvcPointsChart .dvcPointsChartContentHeader .dvcPointsChartContentHeaderHeading {
        padding: 9px 0 9px;
    }

    .dvcPointsChart .dvcPointsChartContentHeader .dvcPointsChartContentHeaderHeadingTitle {
        color: #253B56;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .dvcPointsChart .dvcPointsChartContentHeader .dvcPointsChartContentHeaderHeadingDesc {
        color: #253B56;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 8px;
    }

    .dvcPointsChart .dvcPointsChartContentBody {
        padding: 17px 20px;
    }

    .dvcPointsChart .dvcPointsChartContentFooter {
        background: #fff;
        margin-bottom: 0;
        padding: 0 20px;
    }

    .dvcPointsChart .dvcPointsChartContentFooterBody {
        padding: 15px 0;
    }

}

/***** Download PDFs *****/

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf {
    padding: 25px 75px 27px 20px;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdfRow {
    display: table;
    width: 100%;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf .elBtnCloseCollapse {
    position: absolute;
    top: 18px;
    right: 16px;
    color: #a1afc0;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf .elBtnCloseCollapse .dvcss-pepmdxicon {
    color: #a1afc0;
    font-size: 18px;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdfRow .elBtnCloseCollapse {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #a1afc0;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdfRow .elBtnCloseCollapse .dvcss-pepmdxicon {
    color: #a1afc0;
    font-size: 20px;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf .dvcPointsChartContentBodyLeft {
    display: table-cell;
    width: 55%;
    vertical-align: bottom;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf .dvcPointsChartContentBodyRight {
    display: table-cell;
    width: 39%;
    text-align: right;
    vertical-align: bottom;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf ul.list-inline > li {
    padding: 0;
    vertical-align: top;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf ul.list-inline > li.list-divider {
    padding: 0 4px 0 7px;
    color: #a1afc0;
}
.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf p {
    margin: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf label {
    margin: 0;
    margin-bottom: 9px;
    color: #253b56;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf .list-divider-year {
    margin-left: 5px;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormDownloadPdfs .list-divider-year {
    margin-left: 2px;
}

.dvcGlobalPointsChartModal .dvcPointsChartFormDownloadPdfs .list-divider-year,
.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf .list-divider-year {
    color: #253b56;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf .list-divider-year:not(:first-of-type),
.dvcGlobalPointsChartModal .dvcPointsChartFormDownloadPdfs .list-divider-year {
    margin-top: 15px;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf ul.list-inline > li.block,
.dvcGlobalPointsChartModal .dvcPointsChartFormDownloadPdfs ul.list-inline > li.block {
    display: block;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf .dvcPointsChartContentBodyLeft .dvcPdfItem .dvcss-pull-left {
    display: table-cell;
    float: none;
    padding-right: 5px;
    vertical-align: top;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf .dvcPointsChartContentBodyLeft .dvcPdfItem .media-body {
    display: table-cell;
    padding-top: 2px;
    vertical-align: top;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf .dvcPointsChartContentBodyLeft .dvcPdfItem a .media-body {
    color: #00739a;
}


/* Mobile only */
@media (max-width: 767px) {

    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf {
        padding: 0;
        padding-top: 4px;
    }

    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf .dvcPointsChartContentBodyLeft {
        display: block;
        width: auto;
    }

    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf .dvcPointsChartContentBodyRight {
        display: block;
        padding: 0;
        width: auto;
        text-align: left;
    }

    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf .dvcPointsChartContentBodyRight .dvcss-hr-faded {
        margin-top: 22px;
        margin-bottom: 26px;
    }

    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf label {
        display: block;
        margin-bottom: 5px;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
    }

    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf ul.list-inline > li {
        display: block;
        margin-top: 7px;
    }

    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf ul.list-inline > li:first-child {
        margin-top: 0;
    }

    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf ul.list-inline > li.list-divider {
        display: none;
    }
    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf ul.list-inline > li > a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithPdf p {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}

/*---------------------------------------------
 * Big Calendar - Points Chart
 *---------------------------------------------*/

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithBigCalendar {
    padding: 29px 60px 26px 58px;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithBigCalendar .elBtnCloseCollapse {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #a1afc0;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithBigCalendar .elBtnCloseCollapse .dvcss-pepmdxicon {
    color: #a1afc0;
    font-size: 18px;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithBigCalendar .dvcPointsChartContentBodyLeft {
    margin-left: 0;
    padding-left: 0;
    padding-right: 18px;
    padding-bottom: 12px;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithBigCalendar .dvcPointsChartContentBodyRight {
    padding: 54px 0 0 30px;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyRight .uiPlus .datePicker .ui-datepicker-trigger {
    top: auto;
    right: 3px;
    bottom: 9px;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyRight ul.list-inline {
    margin-left: -3px;
    white-space: nowrap;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyRight ul.list-inline li {
    padding-left: 0;
    padding-right: 0;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyRight ul.list-inline li.list-divider {
    padding-left: 7px;
    padding-right: 4px;
    color: #a1afc0;
    margin-left: 1px;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyRight ul.list-inline li .media > .dvcss-pull-left {
    margin-right: 4px;
    padding-bottom: 0;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyRight ul.list-inline li a .media .media-body {
    padding-top: 3px;
    color: #00739a;
    width: 100%;
}

.dvcPointsChart .dvcDestinationListLink {
    margin-top: 30px;
}

.dvcPointsChart .dvcDestinationListLink hr {
    margin-bottom: 30px;
    width: auto;
}

.dvcPointsChart .dvcDestinationListLink p {
    margin-bottom: 5px;
    line-height: 18px;
}

.dvcPointsChart .dvcDestinationListLink i {
    padding-right: 10px;
    font-size: 35px
}

.dvcPointsChart .dvcDestinationListLink .dvcss-dt-cel {
    vertical-align: top;
    display: table-cell;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithBigCalendar.pdf-only {
    padding-top: 0;
}

.dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithBigCalendar.pdf-only .dvcPointsChartFormDownloadPdfs .form-group div,
.dvcGlobalPointsChartModal .dvcPointsChartFormDownloadPdfs.pdf-only .form-group div{
    margin-top: 20px;
}

/* Mobile only */
@media (max-width: 767px) {

    .dvcPointsChart {
        height: 100%;
    }

    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithBigCalendar {
        position: relative;
        z-index: 0;
        padding: 192px 0 0 0;
    }

    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithBigCalendar.pdf-only {
        padding: 0;
    }

    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithBigCalendar .dvcss-form label {
        width: auto;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
    }

    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithBigCalendar .dvcPointsChartContentBodyLeft {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyWithBigCalendar .dvcPointsChartContentBodyRight {
        position: static;
        padding-top: 24px;
        padding-left: 0;
        padding-right: 0;
    }

    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyRight ul.list-inline {
        white-space: normal;
    }

    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyRight ul.list-inline li .media .media-body {
        padding-top: 2px;
    }

    .dvcPointsChart .dvcDestinationListLink {
        margin-bottom: 13px;
    }

}


/*---------------------------------------------
 * Form - Points Chart
 *---------------------------------------------*/

#dvcDestinationsListListing .dvcPointsChart .dvcPointsChartFormTotalPoints {
    margin-top: 0;
    margin-left: 6px;
}

.dvcPointsChart .dvcPointsChartFormBriefDescription {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 14px;
}

.dvcPointsChart .dvcPointsChartFormViewRow {
    margin-bottom: 19px;
}

.dvcPointsChartFormTotalPoints .dvcPointsChartFormTotalPointsLoading {
    display: none;
    text-align: center;
}

.dvcPointsChartFormTotalPoints.loading .dvcPointsChartFormTotalPointsLoading {
    display: block;
}

.dvcPointsChartFormTotalPoints .dvcPointsChartFormTotalPointsLoading img {
    position: relative;
    top: 3px;
    height: 35px;
}

.dvcPointsChartFormTotalPoints .dvcPointsChartFormTotalPointsValue {
    color: #78899e;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    margin-top: 6px;
}

.dvcPointsChartFormTotalPoints.loading .dvcPointsChartFormTotalPointsValue {
    display: none;
}

.dvcPointsChart .dvcPointsChartFormDateFields .btnClearDates {
   font-size: 14px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvcPointsChart .dvcPointsChartFormBriefDescription {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 13px;
    }

    .dvcPointsChart .dvcPointsChartFormDateFields {
        margin-bottom: 0;
    }

    .dvcPointsChart .dvcPointsChartFormDateFields .form-group {
       display: inline-block;
       width: 50%;
       margin-left: -4px;
    }

    .dvcPointsChart .dvcPointsChartFormDateFields .form-group:first-child {
       margin-left: 0;
    }

    .dvcPointsChart .dvcPointsChartFormDateFields .form-group.dvcPointsChartFormDateFieldsCheckIn {
        padding-right: 7px;
    }

    .dvcPointsChart .dvcPointsChartFormDateFields .form-group.dvcPointsChartFormDateFieldsCheckOut {
        padding-left: 7px;
    }

    .dvcPointsChart .dvcPointsChartFormDateFields .form-group.dvcPointsChartFormTotalPoints {
       display: block;
       width: auto;
       margin: 4px 0 -4px;
    }

    .dvcPointsChart .dvcPointsChartFormDateFields .form-group.dvcPointsChartFormTotalPoints .btnClearDates {
       margin-top: 2px;
       margin-bottom: 17px;
    }

    .dvcPointsChart .dvcPointsChartFormDateFields .form-group .formInputElement {
       display: block;
       margin-right: 0;
       margin-bottom: 0!important;
    }

    .dvcPointsChart .dvcPointsChartFormDateFields .form-group .formInputElement .datePicker {
       width: auto;
    }

    .dvcPointsChart .dvcPointsChartFormDateFields .form-group .formInputElement .datePicker input {
       width: 100%;
    }

    .dvcPointsChart .dvcPointsChartContentBody .dvcPointsChartContentBodyRight .uiPlus .datePicker .ui-datepicker-trigger {
        top: auto;
        right: 9px;
        bottom: 15px;
    }

    .dvcPointsChartFormTotalPoints .dvcPointsChartFormTotalPointsValue {
        color: #78899e;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 30px;
        font-weight: 600;
        margin-top: -1px;
    }

    #dvcDestinationsListListing .dvcPointsChart .dvcPointsChartFormTotalPoints {
        margin-top: 0!important;
        margin-left: 0!important;
    }

    #dvcDestinationsListListing .dvcPointsChart .dvcPointsChartFormTotalPoints label {
        margin-top: -8px!important;
    }

    .dvcPointsChartFormTotalPoints.loading .dvcPointsChartFormTotalPointsLoading {
        text-align: left;
    }

    .dvcPointsChartFormTotalPoints.loading .dvcPointsChartFormTotalPointsLoading img {
        left: 20px;
        text-align: left;
    }

}


/*---------------------------------------------
 * Form Room Type / View - Points Chart
 *---------------------------------------------*/

/* Mobile only */
@media (max-width: 767px) {

    .dvcPointsChart .dvcPointsChartFormRoomTypeViewGroup {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
    }

    .dvcPointsChart .dvcPointsChartFormRoomTypeViewGroup .form-group .formInputElement {
        display: block;
        margin-right: 0;
    }

    .dvcPointsChart .dvcPointsChartFormRoomTypeViewGroup .form-group .formInputElement .selectBox,
    .dvcPointsChart .dvcPointsChartFormRoomTypeViewGroup .form-group .formInputElement .selectBox.longest {
        display: block;
        width: auto;
    }

    .dvcPointsChart .dvcPointsChartFormRoomTypeViewGroup .form-group .formInputElement .selectBox .select-toggle {
        margin-left: 0;
    }

}

/*---------------------------------------------
 * Form Download PDF - Points Chart
 *---------------------------------------------*/

/* Mobile only */
@media (max-width: 767px) {

    .dvcPointsChartContentBodyWithBigCalendar .dvcPointsChartFormDownloadPdfs {
        padding-top: 25px;
    }

    .dvcPointsChartContentBodyWithBigCalendar .dvcPointsChartFormDownloadPdfs .dvcss-hr-faded {
        margin-bottom: 19px;
    }

    .dvcPointsChartContentBodyWithBigCalendar .dvcPointsChartFormDownloadPdfs label {
        display: block;
        margin-bottom: 5px;
    }

    .dvcPointsChartContentBodyWithBigCalendar .dvcPointsChartFormDownloadPdfs ul.list-inline > li {
        display: block;
        margin-top: 7px;
    }

    .dvcPointsChartContentBodyWithBigCalendar .dvcPointsChartFormDownloadPdfs ul.list-inline > li:first-child {
        margin-top: 0;
    }

    .dvcPointsChartContentBodyWithBigCalendar .dvcPointsChartFormDownloadPdfs ul.list-inline > li > a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .dvcPointsChartContentBodyWithBigCalendar .dvcPointsChartFormDownloadPdfs ul.list-inline li.list-divider {
        display: none;
    }

}


/**-------------------------------------------------------------
 * List Filters
 *
 *--------------------------------------------------------------*/

#dvcDestinationsMap #dvcDestinationsListFilters.dvcss-panel-nav .nav-tabs > li > a,
#dvcDestinationsList #dvcDestinationsListFilters.dvcss-panel-nav .nav-tabs > li > a {
    padding: 30px 5px 29px 12px;
    white-space: nowrap;
}

#dvcDestinationsMap #dvcDestinationsListFilters.dvcss-panel-nav .nav-tabs > li:first-child > a,
#dvcDestinationsList #dvcDestinationsListFilters.dvcss-panel-nav .nav-tabs > li:first-child > a {
    padding-left: 17px;
}

#dvcDestinationsMap #dvcDestinationsListFilters.dvcss-panel-nav .nav-tabs > li:first-child > .dropdown-menu,
#dvcDestinationsList #dvcDestinationsListFilters.dvcss-panel-nav .nav-tabs > li:first-child > .dropdown-menu {
    padding-left: 19px;
}

#dvcDestinationsMap #dvcDestinationsListFilters .dropdown-toggle .caret,
#dvcDestinationsList #dvcDestinationsListFilters .dropdown-toggle .caret {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid;
}

#dvcDestinationsMap #dvcDestinationsListFilters .dropdown-toggle i.dvcss-pepmdxicon.dvcss-pepmdxicon-norgie-opened {
    font-size: 18px;
}

#dvcDestinationsList #dvcDestinationsListFilters .dropdown-toggle i.dvcss-pepmdxicon.dvcss-pepmdxicon-norgie-opened {
    font-size: 18px;
    margin-top: -5px;
}

#dvcDestinationsListFilters .dvcDestinationsListFiltersSeparator {
    text-align: right;
    padding-left: 26px;
    vertical-align: middle;
}

/* Desktop - Tablet only */
@media screen and (min-width: 768px) {

    #dvcDestinationsMap #dvcDestinationsListFilters .dvcss-panel > .panel-nav .nav-tabs > li > a,
    #dvcDestinationsList #dvcDestinationsListFilters .dvcss-panel > .panel-nav .nav-tabs > li > a {
        font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDestinationsList #dvcDestinationsListFilters.dvcss-panel-nav .nav-tabs > li:first-child > .dropdown-menu {
        padding-left: 0;
    }

}


/*------------------------------------------------------------
 * Check Availalbility
 *------------------------------------------------------------
 * section
 * @id #dvcDestinationCheckAvailability
 */

/* Desktop only */
@media screen and (min-width: 768px) {

    #dvcDestinationCheckAvailability #dvcCheckAvailabilityParentChildrenGrid.col-md-7 {
        vertical-align: top;
        width: 50%;
        white-space: nowrap;
    }

    #dvcDestinationCheckAvailability #dvcDestinationCheckAvailabilityContentBody .col-md-5 {
        padding-left: 1px;
        vertical-align: top;
        white-space: nowrap;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel table {
        margin: 0 0 0 auto;
        padding: 0 11px 0 0;
        width: auto;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel table td {
        padding: 0;
        vertical-align: top;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel table td:first-child {
        padding-right: 14px;
        text-align: right;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel .control-label {
        display: block;
        margin: 32px 0 0 -10px;
        vertical-align: top;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
        text-align: right;
        white-space: normal;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel .form-row {
        margin-bottom: 6px;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel .form-row .form-handler .form-group {
        margin-right: 6px;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel .form-row .form-handler .form-group .formInputElement {
        display: block;
        margin: 0 0 20px;
    }

}

/* Tablet only */
@media screen and (min-width: 768px) and (max-width: 991px) {

    #dvcDestinationCheckAvailability #dvcCheckAvailabilityParentChildrenGrid.col-md-7 {
        width: auto;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel > .dvcss-pull-right {
        float: none;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel table {
        margin: 0 0 0 auto;
        padding: 0;
        padding-right: 12px;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel .control-label {
        width: 118px;
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel {
        margin-top: -5px;
        margin-bottom: -5px;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel > .dvcss-pull-right {
        float: none;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel table {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel table td {
        padding: 0;
        vertical-align: top;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel .form-row {
        margin-left: -7px;
        margin-right: -7px;
        margin-bottom: 0;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel .form-row .form-handler .form-group {
        float: left;
        margin-right: 0;
        padding: 0 7px;
        width: 50%;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel .form-row .form-handler .form-group div label {
        display: none;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel .form-row .form-handler .form-group .formInputElement {
        display: block;
        margin: 0 0 20px;
    }

    #dvcDestinationCheckAvailability #dvcChildAgeTimeTravel .selectBox.short {
        width: 100%;
    }

}

/*------------------------------------------------------------
 * List Filters
 *------------------------------------------------------------
 * section
 * @id #dvcDestinationsListFilters
 */

/* Desktop only */
@media screen and (min-width: 768px) {

    #dvcDestinationsList .unknownAvailabilityDrawer {
        margin: 0 auto;
        padding: 35px 0 38px;
        max-width: 620px;
        color: #a1afc0;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }

    #dvcDestinationsList .unknownAvailabilityDrawer p {
        margin-bottom: 0;
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDestinationsList .unknownAvailabilityDrawer {
        margin: 0;
        color: #a1afc0;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 22px;
        text-align: left;
    }

    #dvcDestinationsList .unknownAvailabilityDrawer p {
        margin-bottom: 13px;
    }

    #dvcDestinationsList .dvcCheckAvailabilityLoggedIn .dvcCheckAvailabilityMobileContainer .pepMdxIcon {
        font-size: 23px;
    }

}

/**************************************************
 * Destinations RCI - destinations-rci.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1636081 $
 * $Date: 2016/06/21 $
 **************************************************/

#dvcDestinationsRci .contentPageHeaderLink {
    float: right;
    line-height: 18px;
    padding: 10px;

}

#dvcDestinationsRci .disclaimerText {
    margin-top: 20px;
}

#dvcDestinationsRci .mainDescription  {
    margin-bottom: 34px;
    margin-top: 0;
    width: 100%;
}

#dvcDestinationsRci table {
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 148px;

}

#dvcDestinationsRci thead th {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #e6e6e6;
    color: #253b56;
    font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
    font-size: 14px;
    padding: 20px 20px 18px;
    text-align: center;
    line-height: 20px;
}

#dvcDestinationsRci tbody td {
    color: #253b56;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    max-width: 130px;
    padding: 20px 10px;
    text-align: center;
    vertical-align: top;
}

#dvcDestinationsRci tbody td:first-child {
    color: #253b56;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 18px;
    max-width: 176px;
    padding-left: 20px;
    text-align: left;
}

#dvcDestinationsRci tbody td:first-child span {
    font-size: 12px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDestinationsRci .mainDescription  {
        font-size: 16px;
        margin-bottom: 30px;
        margin-top: 13px;
    }

    #dvcDestinationsRci thead th {
        padding: 8px 12px 9px 10px;
    }

    #dvcDestinationsRci tbody td:first-child {
        padding-left: 5px;
        text-align: center;
    }

    #dvcDestinationsRci .contentPageTitle {
        margin-top: 3px;
    }

    #dvcDestinationsRci.innerContentStage {
        padding: 13px 8px 8px 8px;
    }

    #dvcDestinationsRci .contentPageHeaderLink {
        font-size: 14px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        padding: 0;
        float: none;
    }

    #dvcDestinationsRci .contentPageHeaderLink {
        margin-top: 20px;
        margin-bottom: 15px;
    }
    
}

/**************************************************
 * DVC Resort Details Tabbed Page - resort-details-tabbed-page.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1635963 $
 * $Date: 2016/06/20 $
 **************************************************/

/**======================================================================
 * Resort Details Tabbed Page
 *-----------------------------------------------------------------------
 * MODULE
 * @id #dvcTabbedPage
 *
 *
 * Page Road Map
 *
 * Resort Details Tabbed Page                <main>    #dvcTabbedPage
 * |
 * |-- Page Title                                       <section> .sectionPageTitle
 * |-- Page Tab Navigation                      <section> .sectionPageTabNavigation
 * |-- Hero Media                                     <section> .sectionHeroMedia
 * |
 * |-- Resort Summary                             <section> .sectionResortSummary
 * |-- Story Cards                                    <section> .sectionStoryCards
 * |
 * |-- Aside                                              <section> .sectionAside
 * |    |
 * |    |-- CTA Widget                                <section> .sectionCtaWidget
 * |    |-- Aside Resort Details                   <section> .sectionResortDetails
 * |
 * |-- Disclaimer                                       <section> .sectionDisclaimer
 *
 *======================================================================= */

/*--------------------------------------------------
 * Page Title
 *      <main>     #dvcTabbedPage
 *      <section> .sectionPageTitle
 *--------------------------------------------------*/

#dvcTabbedPage .contentPageTitle {
    max-width: 620px;
    line-height: 34px;
    margin-bottom: 12px;
}

#dvcTabbedPage .contentPageHeaderLink {
    float: right;
    margin: 13px 0 0 0;
    line-height: 18px;
    padding: 20px 20px 14px 20px;
    font-size: 14px;
}

#dvcTabbedPage table {
    height: auto;

    border-radius: 12px;
    border: 1px solid #e6e6e6;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

#dvcTabbedPage thead tr th {
    text-align: center;
}

#dvcTabbedPage thead th {
    background: none;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #253b56;
    padding: 20px 20px 18px 20px;
}

#dvcTabbedPage tbody td {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #253b56;
    line-height: 20px;
    max-width: 130px;
    text-align: center;
    padding: 20px 10px 17px;
    vertical-align: top;
}

#dvcTabbedPage tbody td:first-child {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #253b56;
    line-height: 18px;
    max-width: 176px;
    text-align: left;
    padding-left: 20px;
}

#dvcTabbedPage tbody td:first-child span {
    font-size: 12px;
}

#dvcTabbedPage tbody td:last-child {
    padding-right: 12px;
}

#dvcTabbedPage tbody tr.border_top:last-child td {
    padding-top: 17px;
}

#dvcTabbedPage .navigate-tabs li a,
#dvcTabbedPage .navigate-tabs li.active a {
    margin-top: 1px;
    text-align: center;
    padding: 14px 13px;
}

#dvcTabbedPage .story-card-media img {
    height: 96px;
    width: 170px;
    max-width: none;
}

#dvcTabbedPage .storyCardWrapper .storyCardDescription li {
    margin-bottom: 4px;
}

/* hero media max height */
#dvcTabbedPage.innerContentStage > div > .innerContentMedia .img-responsive {
    max-height: 360px;
    object-fit: cover;
    border-radius: 12px;
}

#dvcTabbedPage.innerContentStage > div.innerTabMediaContainer > .innerContentMedia .img-responsive {
    max-height: 260px;
    object-fit: cover;
}

#dvcTabbedPage .media-player-button a {
    left: 0px;
}

#dvcTabbedPage .btn-group.btn-group-smallcount {
    display: inline-block;
    width: 100%;
}

#dvcTabbedPage .btn-group.btn-group-smallcount >.btn {
    display: block;
    float: left;
    margin-left: 0;
    width: 24%;
}

/*--------------------------------------------------
 * Resort Summary
 *      <main>     #dvcTabbedPage
 *      <section> .dvcResortSummaryAlertSection
 *--------------------------------------------------*/

#dvcTabbedPage .dvcResortSummaryAlertSection .dvcRefurbishments .dvcss-hr-faded.hidden-xs {
    display: none;
}

/*--------------------------------------------------
 * Resort Summary
 *      <main>     #dvcTabbedPage
 *      <section> .sectionResortSummary
 *--------------------------------------------------*/

#dvcTabbedPage .dvcResortSummaryContentSection .mainDescription {
    margin-top: 0;
    margin-bottom: 31px;
    padding: 0;
}

#dvcTabbedPage .dvcResortSummaryContentSection .detailedDescription {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 27px;
}

#dvcTabbedPage .dvcResortSummaryContentSection .detailedDescription h4,
#dvcTabbedPage .dvcResortSummaryContentSection .detailedDescription h2 {
    margin-bottom: 8px;
    padding: 0;

    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
}

#dvcTabbedPage .dvcResortSummaryContentSection .detailedDescription h3 {
    margin-bottom: 18px;
    line-height: 20px;
    font-size: 100%;
    font-family: inherit;
    font-style: inherit;
}

#dvcTabbedPage .dvcResortSummaryContentSection .detailedDescription p {
    margin-bottom: 18px;
}

#dvcTabbedPage .dvcResortSummaryContentSection .mainDescription > table + p {
    display: none;
}

#dvcTabbedPage .dvcResortSummaryContentSection .detailedDescription ul {
    margin-left: 22px;
    margin-bottom: 12px;
}

#dvcTabbedPage .dvcResortSummaryContentSection .detailedDescription ul li {
    padding-bottom: 5px;
}

#dvcTabbedPage table tbody th:first-child {
    text-align: center;
    padding: 20px 15px 17px;
}

#dvcTabbedPage div.cms-widget-media-banner img {
    border-radius: 12px;
}

/* Desktop only */
@media screen and (min-width: 768px) {

    #dvcTabbedPage table thead th {
        padding: 15px 20px 16px;
    }

    #dvcTabbedPage table tbody th:first-child {
        padding-left: 20px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 18px;
        text-align: left;
    }

}

#dvcTabbedPage table tbody td small {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcTabbedPage .dvcResortSummaryContentSection table {
        margin-bottom: 0;
        height: auto;
    }

    #dvcTabbedPage .dvcResortSummaryContentSection table + p {
        display: none;
    }

    #dvcTabbedPage table tbody tr:first-child td {
        padding: 16px 15px;
    }

    #dvcTabbedPage table tbody td:not(:last-child) {
        border-right: 1px solid #dfdfdf;
    }

    #dvcTabbedPage .dvcResortSummaryContentSection table thead th {
        font-size: 14px;
        padding: 8px 15px;
    }

    #dvcTabbedPage tbody tr.border_top:last-child td {
        padding-top: 17px;
    }

    #dvcTabbedPage .dvcResortSummaryContentSection .mainDescription {
        margin-bottom: 22px;
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcTabbedPage .dvcResortSummaryContentSection .mainDescription:last-child {
        margin-bottom: 7px;
    }

    #dvcTabbedPage .dvcResortSummaryContentSection .detailedDescription {
        margin-bottom: 0;
        padding-bottom: 2px;
    }

    #dvcTabbedPage .dvcResortSummaryContentSection .detailedDescription h4 {
        margin-bottom: 8px;
    }

    #dvcTabbedPage .dvcResortSummaryContentSection .detailedDescription h5 {
        margin-bottom: 12px;
    }

    #dvcTabbedPage .dvcResortSummaryContentSection .detailedDescription ul {
        margin-left: 18px;
        margin-bottom: 12px;
    }

}


/*------------------------------
 * CTA Widget PC Section
 * @section dvcCtaWidgetPcSection
 *------------------------------*/

#dvcTabbedPage .dvcCtaWidgetPcSection .dvui-cta + .ctaBottomWrapper #otherDetails {
    cursor: pointer;
    padding: 10px 0 11px;
}

#dvcTabbedPage .dvcCtaWidgetPcSection .dvui-cta + .ctaBottomWrapper #otherDetails .dvcss-pepmdxicon {
    margin-right: 6px;
    font-size: 15px;
}

#dvcTabbedPage .dvcCtaWidgetPcSection .dvui-cta a {
    text-decoration: underline;
    color: #FFF;
}

#dvcTabbedPage .dvui-cta .dvcss-list-helper > li label {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 4px;
    font-weight: normal;
}

#dvcTabbedPage .dvui-cta .dvcss-list-helper > li strong {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 30px;
    color: #ffffff;
    font-weight: 600;
}

/* Desktop - Tablet only */
@media screen and (min-width: 768px) {

    #dvcTabbedPage .dvui-cta .dvcss-list-helper {
        margin: 0 auto 1px;
        width: auto;
        text-align: left;
    }

    #dvcTabbedPage .dvui-cta .dvcss-list-helper > li:nth-of-type(3) {
        padding-left: 20px;
    }

}

/*------------------------------
 * CTA Widget Mobile Section
 * @section dvcCtaWidgetMobileSection
 *------------------------------*/

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcTabbedPage .dvui-cta .dvcss-list-helper {
        margin: 0 auto -9px;
        padding-top: 10px;
    }

    #dvcTabbedPage .dvui-cta .dvcss-list-helper > li {
        padding-left: 29px;
        padding-right: 28px;
    }

    #dvcTabbedPage .dvui-cta .dvcss-list-helper > li.divider {
        padding-left: 0;
        padding-right: 1px;
    }

    #dvcTabbedPage .dvui-cta .dvcss-list-helper > li label {
        margin-bottom: 0;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

    #dvcTabbedPage .dvcCtaWidgetMobileSection .dvui-cta + .ctaBottomWrapper {
        margin-bottom: 21px;
        padding-top: 9px;
        padding-bottom: 8px;
    }

    #dvcTabbedPage .dvcCtaWidgetMobileSection .dvui-cta.dvui-cta-abd + .ctaBottomWrapper {
        padding-top: 7px;
        padding-bottom: 8px;
    }

    #dvcTabbedPage .dvcCtaWidgetMobileSection .dvui-cta + .ctaBottomWrapper > div {
        padding: 0;
        cursor: default;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

    #dvcTabbedPage .dvcCtaWidgetMobileSection .dvui-cta + .ctaBottomWrapper > div .dvcss-pepmdxicon {
        margin-right: 6px;
        font-size: 15px;
    }

    #dvcTabbedPage .btn-group.btn-group-smallcount >.btn {
        width: 50%;
    }

    #dvcTabbedPage .media-player-button a {
        left: 5%;
    }

    #dvcTabbedPage .dvcCtaWidgetMobileSection .dvui-cta.ctaTopWrapper {
        padding: 19px 20px 18px;
    }

    #dvcTabbedPage .dvcCtaWidgetMobileSection .dvui-cta.dvui-cta-abd.ctaTopWrapper {
        padding: 13px 20px 21px;
    }

    #dvcTabbedPage .dvcCtaWidgetMobileSection .dvui-cta.ctaTopWrapper h2 {
        margin: 0 0 4px;
    }

}

/*------------------------------
 * CTA Story Cards Section
 * @section dvcStoryCardsSection
 *------------------------------*/

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcTabbedPage .dvcStoryCardsSection .storyCardWrapper h3 {
        margin-bottom: 3px;
        max-width: none;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
    }

    #dvcTabbedPage .dvcStoryCardsSection .storyCardWrapper .storyCardBlock .storyCardDescription .pageMore p > strong {
        display: block;
        margin-top: 15px;
    }

}


/*------------------------------
 * Aside Resort Details
 * @section dvcAsideResortDetailsSection
 *------------------------------*/

#dvcTabbedPage .dvcAsideResortDetailsSection .mapModuleWrap {
    max-width: 250px;
    padding-bottom: 18px;
    font-size: 14px;
}

#dvcTabbedPage .dvcAsideResortDetailsSection .mapModuleWrap h4,
#dvcTabbedPage .dvcAsideResortDetailsSection .mapModuleWrap h2 {
    margin: 20px 0 15px;
    line-height: 24px;
}

#dvcTabbedPage .dvcAsideResortDetailsSection .mapModuleWrap h2 {
    margin: 20px 0 15px;
    line-height: 24px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;

}

#dvcTabbedPage .dvcAsideResortDetailsSection .mapModuleInfo {
    margin-top: 21px;
}

#dvcTabbedPage .dvcStoryCardsSection .storyCardWrapper .groupedStoryCards h2 {
    font-family: Avenir-light, Avenir-roman, Helvetica, Arial, sans-serif;
    color: #253B56;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 1em;
    font-weight: normal;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcTabbedPage .dvcAsideResortDetailsSection .mapModuleWrap {
        max-width: none;
        padding-top: 20px;
        padding-bottom: 22px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcTabbedPage .dvcAsideResortDetailsSection .mapModuleWrap h4 {
        margin-top: 0;
        margin-bottom: 3px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
    }

    #dvcTabbedPage .dvcAsideResortDetailsSection .mapModuleWrap div {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcTabbedPage .dvcAsideResortDetailsSection .mapModuleWrap p {
        margin: 0 0 14px;
        padding: 0;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcTabbedPage .dvcAsideResortDetailsSection .mapModuleInfo {
        margin-top: 21px;
    }

}

/********** atGlanceModule **********/
/* 2.2 Destination Resorts - At Glance Module */

/* #dvcTabbedPage .dvcAsideResortDetailsSection #atGlanceModule */
#atGlanceModule {
    margin-top: 10px;
    margin-bottom: 27px;
    max-width: 250px;
    font-family: Avenir-roman, ​Helvetica, ​Arial,​ sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#atGlanceModule .moduleCategory,
#atGlanceModule .moduleArea {
    margin-bottom: 15px;
}

#atGlanceModule > .moduleOptions {
    margin-bottom: 15px;
}

#atGlanceModule h5,
#atGlanceModule h3 {
    font-family: Avenir-heavy,​Helvetica,​Arial,​sans-serif;
    margin-bottom: 0;
    line-height: 20px;
}

#atGlanceModule h3 {
    font-size: 1em;
    font-weight: bold;
}

#atGlanceModule .moduleCategory span a {
    white-space: normal;
}

#atGlanceModule .moduleTitle {
    font-family: Avenir-roman,​Helvetica,​Arial,​sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 13px;
}

#atGlanceModule .moduleOptions span {
    margin-top: 12px;
    color: #253b56;
    font-size: 25px;
}

/*#atGlanceModule .moduleOptions span.pepMdxIcon:active,
#atGlanceModule .moduleOptions span.pepMdxIcon:focus {
    outline: 1px dotted #00739a;
}*/
#atGlanceModule .moduleOptions span.transpo {
    font-family: "pepicon" !important;
    font-feature-settings: "ss01" 1;
}

#atGlanceModule .moduleOptions .transportation-monorail:before {
    content: "\e2c0\fe0e";
}

#atGlanceModule .moduleOptions .transportation-bus:before {
    content: "\e2c1\fe0e";
}

#atGlanceModule .moduleOptions .transportation-car:before {
    content: "\e2c2\fe0e";
}

#atGlanceModule .moduleOptions .transportation-boat:before {
    content: "\e2c3\fe0e";
}

#atGlanceModule .moduleOptions .transportation-taxi:before {
    content: "\e2c4\fe0e";
}

#atGlanceModule .moduleOptions .transportation-flight:before {
    content: "\e2c5\fe0e";
}

#atGlanceModule .moduleOptions .transportation-return-flight:before {
    content: "\e2c6\fe0e";
}

#atGlanceModule .moduleOptions .transportation-walking:before {
    content: "\e2c7\fe0e";
}

#atGlanceModule .moduleOptions .transportation-skyliner:before {
    content: "\e2d2\fe0e";
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #atGlanceModule {
        margin: 0;
        padding: 21px 0 0;
        max-width: none;
        font-family: Avenir-roman, ​Helvetica, ​Arial,​ sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    #atGlanceModule .moduleCategory {
        margin-bottom: 25px;
    }

    #atGlanceModule .moduleArea {
        margin-bottom: 14px;
    }

    #atGlanceModule h5 {
        margin-bottom: 3px;

        font-family: Avenir-heavy,​ Helvetica,​Arial, ​sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    #atGlanceModule .moduleCategory span {
        font-family: Avenir-roman,​ Helvetica,​Arial, ​sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    #atGlanceModule .moduleOptions h5 {
        margin-bottom: 7px;
    }

    #atGlanceModule .moduleOptions span {
        margin-top: 0;
        color: #253b56;
        font-size: 25px;
        line-height: 1;
    }

    .dvcAsideResortDetailsSection {
        margin-top: 5px;
        margin-bottom: -2px;
    }

    #atGlanceModule .moduleOptions span.pepMdxIcon {
        font-size: 20px;
    }

}


/*------------------------------
 * Disclaimer
 * @section dvcDisclaimerSection
 *------------------------------*/

#dvcTabbedPage .dvcDisclaimerSection div.disclaimerText {
    padding: 0 20px 38px 20px;
}

#dvcTabbedPage .dvcDisclaimerSection div.disclaimerText .horizontalSeparator.hidden-xs {
    margin: 0 -20px 26px -20px;
    width: auto;
    background: #dfdfdf;
}

#dvcTabbedPage .dvcDisclaimerSection div.disclaimerText > p:last-child {
    margin-bottom: 0;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcTabbedPage .dvcDisclaimerSection div.disclaimerText {
        margin: 0;
        margin-top: 0!important;
        padding: 0 10px 18px;
        color: #78899e;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcTabbedPage .dvcDisclaimerSection div.disclaimerText .horizontalSeparator.hidden-xs {
        display: block!important;
        margin: 0 -10px 21px -10px;
        width: auto;
    }

}

#dvcTabbedPage .inner-content-row > .inner-content-col-left {
    display: table-cell;
    float: none;
    vertical-align: top;
    width: 100%;
}

#dvcTabbedPage .inner-content-row > .inner-content-col-right {
    display: table-cell;
    max-width: 250px;
    min-width: 250px;
    float: none;
    vertical-align: top;
}

#dvcTabbedPage .dvui-pull-right {
    float: none;
    margin-top: 2px;
    max-width: 100%;
}

#dvcTabbedPage .media-player-button a {
    bottom: 10px;
}

#dvcTabbedPage .ctaBottomWrapper {
    margin-bottom: 35px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcTabbedPage .inner-content-row > .inner-content-col-left {
        display: block;
        max-width: none;
    }

    #dvcTabbedPage .inner-content-row > .inner-content-col-right {
        display: block;
        max-width: none;
        float: left;
    }

    #dvcTabbedPage .dvui-pull-right {
        margin-top: 2px;
    }

    #dvcTabbedPage #tabbed-story-cards .storyCardWrapper .storyCardBlock:last-of-type {
        margin-bottom: 1px;
        padding-bottom: 0;
    }

}

#dvcTabbedPage .room-type-section .room-story-card .mediaEngineContainer .topHolder {
    right: 45px;
}

/*
NOTE: Please target specifically to the section or parent module, not to the whole page itself,
we also have dvcss-list-helper on the other parts of the page.
for ex:
    #dvcTabbedPage .callToActionSection .dvcss-list-helper > li label
*/

#dvcTabbedPage .dvcTabNavigation .navigate-tabs > li {
    width: 20%;
}

#dvcTabbedPage .dvcTabNavigation .dvcss-tabs a:focus {
    overflow: hidden;
}

/*
 * END RESORT DETAILS
 */

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcTabbedPage .nav-tabs {
        border-bottom: none;
    }

    #dvcTabbedPage .navigate-tabs li.active {
        border-bottom: none;
    }

    #dvcTabbedPage .navigate-tabs li {
       width: auto;
       height: 72px;
       border-bottom: 1px solid #ddd;
    }

    #dvcTabbedPage .navigate-tabs li a,
    #dvcTabbedPage .navigate-tabs li.active a {
        padding: 5px 0 0 0;
        text-align: center;
    }

    #dvcTabbedPage thead th {
        padding: 20px 2px;
    }

    #dvcTabbedPage thead th:first-child {
        text-align: center;
    }

    #dvcTabbedPage tbody td:first-child,
    #dvcTabbedPage tbody td {
        text-align: center;
        padding: 20px 12px 17px;
    }

    #dvcTabbedPage .navigate-tabs {
        position: relative;
        display: table;
        width: 100%;
    }

    #dvcTabbedPage .navigate-tabs {
        position: relative;
        width: 100%;
        table-layout: fixed;
    }

    #dvcTabbedPage .navigate-tabs li {
        display: table-cell;
        float: none;
        width: 50%;
        height: 69px;
    }

    #dvcTabbedPage .storyCardWrapper > div > div.customHorizontalSeparator:last-child,
    #dvcTabbedPage #tabbed-story-cards .storyCardWrapper > div.customHorizontalSeparator:last-child,
    #dvcTabbedPage #tabbed-story-cards > div.horizontalSeparator,
    #dvcDestinationsRci .inner-content-row .storyCardWrapper > div.customHorizontalSeparator:last-child, {
        /* hide last horizontal rule on storycard grouping/module */
        display: none;
        width: 0;
        height: 0;
    }

    #dvcTabbedPageInnerMobileHeader.innerMobileHeader h1.contentPageTitle {
        padding-top: 9px;
        margin-bottom: -3px;
    }

    #dvcTabbedPage .media-player-button a {
        bottom: 5%;
    }

    #dvcTabbedPage .innerContentMedia {
        margin-bottom: 10px;
    }

    #dvcTabbedPage .dvcTabNavigation .navigate-tabs > li{
        width: 50%;
    }

    #dvcTabbedPage div.groupedStoryCards hr.hr-faded:last-child {
        display: none!important;
    }

    #dvcTabbedPage div.groupedStoryCards > div.customHorizontalSeparator {
        margin-top: -10px;
    }

}



/*
| Collapse of Modify or Cancel a Reservation Page
|====================================================
*/

.dvcCollapse #accordion .panel .panel-collapse .panel-body table#dvcCollapseTable thead tr th,
.dvcCollapse #accordion .panel .panel-collapse .panel-body table#dvcCollapseTable tbody tr td {
    text-align: left;
}

.dvcCollapse #accordion .panel .panel-collapse .panel-body table#dvcCollapseTable thead tr th {
    padding-left: 15px;
    padding-right: 15px;
}


.dvcCollapse #accordion .panel .panel-collapse .panel-body table#dvcCollapseTable {
    border-radius: 8px;
    table-layout: fixed;
}

.dvcCollapse #accordion .panel .panel-collapse .panel-body table#dvcCollapseTable.threeColumn  tbody tr td {
    width: 33.33%;
}

.dvcCollapse .panel-group#accordion {
    margin-bottom: 0;
}

.dvcCollapse #accordion .panel {
    border:0;
    margin-bottom:2px;
}

.dvcCollapse #accordion .panel .panel-heading {
    background: #add6ed;
    height: 48px;
    border-radius: 0;
    padding-top: 12px;
    padding-bottom:6px;

}

.dvcCollapse #accordion .panel .panel-heading .panel-title {
    font-size: 18px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    line-height: 25px;
}

.dvcCollapse #accordion .panel .panel-heading h3 a {
    text-decoration: none;
    color: #253b56;
    display: block;
    width: 100%;
    height: 100%;
    font-weight: bold;
}

.dvcCollapse #accordion .panel .panel-heading h3 a:hover,
.dvcCollapse #accordion .panel .panel-heading h3 a:focus,
.dvcCollapse #accordion .panel .panel-heading h3 a:focus:after {
    color: #00739a;
}

.dvcCollapse #accordion .panel .panel-heading h3 a span.dvcCollapseTitle {
    line-height: 25px;
}

.dvcCollapse #accordion .panel .panel-heading h3 a span.pepMdxIcon {
    margin-right: 7px;
}

.dvcCollapse #accordion .panel-collapse .panel-body {
    border:0;
    padding: 0 0 25px 0;

}

.dvcCollapse #accordion .panel-collapse .panel-body .dvcPanelTable:first-child {
    padding: 40px 0 0;
    margin-top: 0;
}

.dvcCollapse #accordion .panel-collapse .panel-body .dvcPanelTable {
    padding: 50px 0 0;
    margin-top: -20px;
}

.dvcCollapse #accordion .panel-collapse .panel-body .dvcPanelTableBottom {
    margin-bottom: 35px;
}

.dvcCollapse #accordion .panel-collapse .panel-body .dvcPanelTableBottom ul.dvcPanelUl {
    padding-left: 15px;
}

.dvcCollapse #accordion .panel-collapse .panel-body .dvcPanelTableBottom ul.dvcPanelUl li {
    margin-bottom: 24px;
}

.dvcCollapse #accordion .panel-collapse .panel-body .dvcPanelTable .dvcPanelTableTitle,
.dvcCollapse #accordion .panel-collapse .panel-body .dvcPanelTable:first-child .dvcPanelTableTitle {
    margin-bottom: 8px;
}

.dvcCollapse #accordion .panel-collapse .panel-body .dvcPanelTable .dvcPanelTableTitle ul {
    padding-left: 15px;
}

.dvcCollapse #accordion .panel-collapse .panel-body h3 {
    line-height:25px;
    margin-bottom: 5px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

.dvcCollapse #accordion .panel-collapse .panel-body h4 {
    font-size: 14px;
    font-weight: normal;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    margin-bottom: 0;
    line-height: 25px;
    margin-top: -8px;
}


.dvcCollapse #accordion .panel-heading a:after {
    font-family: 'pepmdx2';
    content: "\E316";
    color: #253b56;
    float: left;
}

.dvcCollapse #accordion .panel-heading a:hover:after {
    color:#00739a;
}

.dvcCollapse #accordion .panel-heading a.collapsed:after {
    content: "\E30E";
    font-family: 'pepmdx2';
}

.panel-group .panel + .panel {
    margin-top: 0;
}


/* ---------- MEDIA QUERY --------------- */

@media screen and (max-width: 768px) {

    .dvcCollapse {
        margin: 0 -10px;
    }

    .dvcCollapse #accordion .panel-collapse .panel-body {
        padding: 0 17px;
    }

    .dvcCollapse #accordion .panel-collapse .panel-body h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .dvcCollapse #accordion .panel-collapse .panel-body .dvcPanelTable:first-child {
        padding: 30px 0 0;
    }

    .dvcCollapse #accordion .panel-collapse .panel-body .dvcPanelTable {
        padding: 30px 0 0;
    }

    .dvcCollapse:last-child #accordion .panel .panel-heading {
        height: auto;
    }

    .dvcCollapse:last-child #accordion .panel .panel-heading {
        padding-bottom: 12px;
    }

   .dvcCollapse #accordion .panel-collapse .panel-body {
        padding-bottom: 25px;
    }

   .dvcCollapse #accordion .panel .panel-heading {
        padding-top: 16px;
        padding-bottom: 9px;
    }


   .dvcCollapse #accordion .panel .panel-heading h3 a span.dvcCollapseTitle {
        line-height: 20px;
        font-size: 14px;
    }

   .dvcCollapse #accordion .panel .panel-heading .panel-title {
        font-size: 14px;
        line-height: 20px;
    }

    #dvcTabbedPage .dvcSummaryContentSection .mainDescription h2.modifyCancelHeader {
        margin: 25px 0;
    }

    #dvcTabbedPage table tbody th.tableTop {
        text-align: left;
    }

    #dvcTabbedPage table thead th.tableTopHead, #dvcTabbedPage tbody td.text-left {
        padding-left: 15px;
    }

    #dvcHowToBookTabbedPageInnerMobileHeader.innerMobileHeader h1.contentPageTitle {
        padding-top: 7px;
    }

    #dvcTabbedPage .dvcSummaryContentSection .mainDescription:last-child {
        margin-bottom: 0;
    }

    #dvcTabbedPage .dvcSummaryContentSection .mainDescription:last-child table:last-child {
        margin-bottom: 10px;
    }

    .dvcCollapse #accordion .panel .panel-collapse .panel-body table#dvcCollapseTable.threeColumn thead tr:not(:first-child) th {
        font-size: 15px;
    }
}

/*---------- MEDIA QUERY FOR LANDSCAPE VIEW ---------------*/

@media screen and (max-height: 450px) {

    .dvcCollapse:last-child #accordion .panel-heading a:after {
        margin-top: 0;
    }

    .dvcCollapse:last-child #accordion .panel-heading a.collapsed:after {
        margin-top: 0;
    }

}

@media screen and (max-height: 320px) { /* for Iphone 4 */

    .dvcCollapse:last-child #accordion .panel-heading a:after {
        margin-top: -10px;
    }

    .dvcCollapse:last-child #accordion .panel-heading a.collapsed:after {
        margin-top: -10px;
    }

}


/* --------- END OF MEDIA QUERY ---------- */

/* Additional for modify or cancel a reservtion */

#dvcTabbedPage table thead th.tableTopHead {
    text-align: left;
}

#dvcTabbedPage tbody td.text-left {
    text-align: left;
}

#dvcTabbedPage table tbody th.tableTop {
    width: 50%;
    vertical-align: top;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 14px;
}

#dvcTabbedPage table thead th h5 {
    text-align: left;
}

#dvcTabbedPage table thead th h6 {
    font-size: 15px;
    text-align: left;
    margin-top: -20px;
}

#dvcTabbedPage .dvcSummaryContentSection .mainDescription table tbody tr td.tableBorderBottom {
    border-bottom: 1px solid #dedede;
    padding: 0;
}

#dvcTabbedPage .dvcSummaryContentSection .mainDescription table tbody tr td span.tableHeadBold {
    font-weight: bold;
}

#dvcTabbedPage .dvcSummaryContentSection .mainDescription ul {
    padding-left: 35px;
}

#dvcTabbedPage .dvcSummaryContentSection .mainDescription ul li {
    margin-bottom: 24px;
}

#dvcTabbedPage .dvcSummaryContentSection .mainDescription h2.modifyCancelHeader {
    font-size: 18px;
    font-weight: bold;
}

#dvcTabbedPage .dvcSummaryContentSection .mainDescription div.modifyCancelBottomPart {
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 14px;
}

#dvcTabbedPage .dvcSummaryContentSection .mainDescription {
    margin-bottom: 30px;
}

#dvcTabbedPage #tabbed-story-cards .dvcCtaWidgetPcSection .dvui-cta .ctaDetailedDescription .description {
    font-family: Avenir-roman;
    font-size: 14px;
    line-height: 15px;
}

/*------------------------------------------------------------
 * Resort Summary
 *------------------------------------------------------------
 * section
 * @id .dvcResortSummary
 */
.dvcResortSummary .dvcss-form-list {
    margin-top: -14px; /* Temporary Fix */
    margin-bottom: 25px;
}

.dvcResortSummary .dvcss-form-list .dvcss-form-list-body .dvcss-form-list-title {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.dvcResortSummary .dvcss-form-list .dvcss-form-list-body .dvcss-form-list-title div {
    display: inline;
}

.dvcResortSummary .dvcss-form-list .dvcss-form-list-body .dvcss-form-list-title div a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
}

/* Modal Content Specific */
#modalRefurbishments .modal-middle {
    max-width: 555px;
}

#modalRefurbishments .modal-body {
    padding-bottom: 0;
}

#modalRefurbishments .modal-body h2 {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 20px;
}

#modalRefurbishments .modal-body p {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
}

#modalRefurbishments .modal-body div p:first-of-type {
    max-width: 450px;
}

#modalRefurbishments .modal-body ul {
    padding: 20px 0 20px 0;
    margin: 0 0 0 16px;
}

#modalRefurbishments .modal-middle hr {
    border: 0;
    height: 1px;
    background: transparent;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    background-image: -o-linear-gradient(left, rgba(255,255,255,0), #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, #dfdfdf, rgba(255,255,255,0));
    margin: 0;
    width: 100%;
}

#modalRefurbishments .modal-footer {
    border: 0;
    padding: 15px 20px 15px 20px;
}

#modalRefurbishments .modal-body #closeModalRefurbishments {
    margin: 15px -10px 0 0;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #modalRefurbishments .modal-body {
        padding: 20px 20px 0 20px;
    }

    #modalRefurbishments .modal-body h2 {
        font-size: 24px;
    }

    #modalRefurbishments .modal-body div hr:last-of-type {
        display: none;
    }

    #modalRefurbishments .modal-footer {
        display: block;
        padding: 0 20px;
    }

    #modalRefurbishments .modal-footer .modal-footer-body {
        border: 0;
        padding: 20px 0;
    }

    .dvcResortSummary .dvcss-form-list {
        margin: 1px 0 0 0;
        padding-bottom: 13px;
    }

    .dvcResortSummary .dvcss-form-list .dvcss-form-list-left {
        margin-right: 4px;
    }

    .dvcResortSummary .dvcss-form-list .dvcss-form-list-left .dvcss-pepmdxicon {
        top: -2px;
         margin-left: -2px;
    }

    .dvcResortSummary .dvcss-form-list .dvcss-form-list-body {
        padding-top: 1px;
    }

    .dvcResortSummary .dvcss-form-list .dvcss-form-list-body .dvcss-form-list-title,
    .dvcResortSummary .dvcss-form-list .dvcss-form-list-body .dvcss-form-list-title div a {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
    }

}

/**************************************************
 * Destinations List - Resort Details Points & Room Page - resort-details-points-room.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #2 $
 * $Change: 1635963 $
 * $Date: 2016/06/20 $
 **************************************************/

/**
 *====================================================
 * Resort Details Rooms & Points
 *-----------------------------------------------------------------------
 * MODULE
 * @url /destinations/list/{string}/{slug}/points-room/
 *
 *
 * Page Road Map
 *
 * Resort Details (Rooms & Points) Page
 * |
 * |-- Page Title / Header
 * |-- Tab Navigation
 * |-- Hero / Sliver
 * |-- Refurbishments Alert
 * |-- Check Availability
 * |     |
 * |     |-- Logged Out
 * |     |-- Logged In
 * |     |   |
 * |     |   |-- Selected Options
 * |
 * |-- Amenities & Resort Listing
 * |     |
 * |     |-- Amenities
 * |     |-- Listing Items
 * |         |
 * |         |-- Points Chart (Modal)
 * |
 * |-- Disclaimer
 *
 *==================================================*/

/**
 *---------------------------------------------------------------------------------------------
 * Page Title
 *---------------------------------------------------------------------------------------------
 */

#dvcResortDetailsRoomPoints .dvcPageTitle {
    visibility: visible;
}

#dvcResortDetailsRoomPoints .dvcPageTitle .contentPageHeaderLink {
    float: right;
    margin: 13px 0 0 0;
    line-height: 18px;
    padding: 20px;
    font-size: 14px;
}

#dvcResortDetailsRoomPoints .dvcPageTitle .contentPageTitle {
    margin: -4px 0 12px 0;
    padding: 20px 20px 0;
    max-width: 620px;
    color: #253b56;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    line-height: 34px;
}

#dvcResortDetailsRoomPoints .spacer {
    margin-top: 20px;
}

/**
 *---------------------------------------------------------------------------------------------
 * Tab Navigation
 *---------------------------------------------------------------------------------------------
 */

#dvcResortDetailsRoomPoints .dvcTabNavigation {
    visibility: visible;
}

#dvcResortDetailsRoomPoints .dvcTabNavigation .dvcss-tabs.btn-group.btn-group-justified {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

#dvcResortDetailsRoomPoints .dvcTabNavigation .dvcss-pepmdxicon {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 3px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcResortDetailsRoomPoints .dvcTabNavigation {
        visibility: visible;
    }

    #dvcResortDetailsRoomPoints .dvcTabNavigation .dvcss-tabs.btn-group.btn-group-justified {
        margin-bottom: 0;
    }

    #dvcResortDetailsRoomPoints .dvcTabNavigation .dvcss-tabs.btn-group.btn-group-justified > .btn:first-child {
        border-top-left-radius: 6px;
    }

    #dvcResortDetailsRoomPoints .dvcTabNavigation .dvcss-tabs.btn-group.btn-group-justified > .btn:last-child {
        border-top-right-radius: 6px;
    }

}

/**
 *---------------------------------------------------------------------------------------------
 * Sliver
 *---------------------------------------------------------------------------------------------
 */

#dvcResortDetailsRoomPoints .dvcSliver .innerContentMedia {
    margin-bottom: 0;
}

#dvcResortDetailsRoomPoints .dvcSliver .innerContentMedia .cms-widget-media-banner img,
#dvcResortDetailsRoomPoints .dvcSliver .innerContentMedia span.hidden-xs img {
    width: 100%;
    border-radius: 12px;
    max-height: 260px;
}

#dvcResortDetailsRoomPoints .dvcSliver .innerContentMedia .cms-widget-media-banner img.lazy,
#dvcResortDetailsRoomPoints .dvcSliver .innerContentMedia span.hidden-xs img.lazy {
    width: auto;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcResortDetailsRoomPoints .dvcSliver .innerContentMedia {
        margin-top: 10px;
    }

}

/**-------------------------------------------------------------
 * Refurbishments
 *
 *--------------------------------------------------------------*/

#dvcResortDetailsRoomPoints .dvcRefurbishments {
    visibility: visible;
}

#dvcResortDetailsRoomPoints .dvcRefurbishments .dvcss-form-list {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 21px;
    padding-bottom: 19px;
}

#dvcResortDetailsRoomPoints .dvcRefurbishments #dvcResortSummary .dvcss-form-list {
    margin-bottom: 18px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcResortDetailsRoomPoints .dvcRefurbishments {
        visibility: visible;
    }

    #dvcResortDetailsRoomPoints .dvcRefurbishments #dvcResortSummary .dvcss-form-list {
        margin-bottom: 8px;
    }

    #dvcResortDetailsRoomPoints .dvcRefurbishments .dvcss-form-list {
        padding-top: 7px;
        padding-bottom: 13px;
    }

    #dvcResortDetailsRoomPoints .dvcRefurbishments .dvcss-form-list-left .dvcss-pepmdxicon {
        top: 0;
        font-size: 15px;
    }

    #dvcResortDetailsRoomPoints .dvcRefurbishments .dvcss-form-list-title {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
    }

    #dvcResortDetailsRoomPoints .dvcRefurbishments .dvcss-form-list-title a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        white-space: nowrap;
    }

}

/* Room Type Availability Alerts
 *---------------------------------------------------------------*/

#dvcResortDetailsRoomPoints .sectionRoomTypeAvailabilityAlerts .pep2-media {
    margin-top: 0;
    margin-bottom: -19px;
    padding-top: 21px;
    padding-bottom: 19px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcResortDetailsRoomPoints .sectionRoomTypeAvailabilityAlerts .pep2-media {
        margin-bottom: -9px;
        padding-top: 7px;
        padding-bottom: 13px;
    }

}

/**-------------------------------------------------------------
 * Check Availability (Logged Out)
 *
 *--------------------------------------------------------------*/
#dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilityLoggedOut {
    padding: 22px 0 20px;
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14x;
    font-weight: 400;
    overflow: visible;
}

#dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilityLoggedOut > .dvcss-pull-left {
    margin-right: 4px;
}

#dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilityLoggedOut i.dvcss-pepmdxicon {
    top: -1px;
    margin-right: 1px;
    vertical-align: middle;
    font-size: 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilityLoggedOut {
        padding-top: 14px;
        padding-bottom: 17px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilityLoggedOut > .dvcss-pull-left {
        margin-right: 5px;
    }

    #dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilityLoggedOut .logout-content {
        padding-left: 5px;
    }

    #dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilityLoggedOut i.dvcss-pepmdxicon {
        top: 0;
        margin-right: 1px;
        vertical-align: middle;
        font-size: 20px;
    }
}

/**-------------------------------------------------------------
 * Check Availability (Logged In) - Selected Options
 *
 *--------------------------------------------------------------*/
#dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilityLoggedIn {
    margin-top: 9px;
    visibility: visible;
}

#dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilityLoggedIn .dvcCheckAvailabilityLoggedInMobileCta {
    margin-bottom: 14px;
}
#dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilityLoggedIn .dvcCheckAvailabilityLoggedInMobileCta.hidden {
    display: none!important;
}

#dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilityLoggedIn .dvcCheckAvailabilityLoggedInMobileCta .dvcss-well {
    padding: 11px 40px 19px;
}

#dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilityLoggedIn .dvcCheckAvailabilityLoggedInMobileCtaDesc {
    margin-bottom: 11px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilityLoggedIn .dvcCheckAvailabilityLoggedInMobileCtaDesc .dvcss-pepmdxicon {
    top: 0;
    margin-right: 3px;
    vertical-align: middle;
    font-size: 18px;
}

#dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilityLoggedIn .dvcCheckAvailabilityLoggedInMobileCtaAction {
    visibility: visible;
}

#dvcResortDetailsRoomPoints .dvcCheckAvailabilityLoggedInMain .dvcGlobalCheckAvailability {
    padding-top: 26px;
    padding-bottom: 14px;
    padding-left: 0;
    padding-right: 0;
}

#dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilityLoggedIn .dvcGlobalCheckAvailabilitySecondaryGroup button span  {
    top: -5px;
}

#dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilityLoggedIn .dvcGlobalCheckAvailabilitySecondaryGroup button  {
    background-color: #2094bb;
}

.form-handler button:focus {
    outline: 1px dotted;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilityLoggedIn {
        margin-top: 9px;
    }

    #dvcResortDetailsRoomPoints .dvcCheckAvailabilityLoggedInMain .dvcGlobalCheckAvailability {
        padding: 0;
    }
    #dvcResortDetailsRoomPoints .dvcCheckAvailabilityLoggedInMain .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityContent {
        height: 100%;
    }
    #dvcResortDetailsRoomPoints .dvcCheckAvailabilityLoggedInMain .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityMain {
        min-height: 100%;
        padding-bottom: 61px;
        margin-bottom: -61px;
    }
    #dvcResortDetailsRoomPoints .dvcCheckAvailabilityLoggedInMain .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityBody {
        padding: 20px;
    }
    #dvcResortDetailsRoomPoints .dvcCheckAvailabilityLoggedInMain .dvcGlobalCheckAvailability .dvcGlobalCheckAvailabilityPrimaryGroup {
        width: 100%;
    }

}


/**-------------------------------------------------------------
 * Check Availability (Logged In) - Selected Options
 *
 *--------------------------------------------------------------*/
#dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilitySelectedOptions {
    margin-top: 19px;
    margin-bottom: 19px;
    padding: 17px 20px 21px 17px;
}

#dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilitySelectedOptions .media {
    overflow: visible;
}

#dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilitySelectedOptions .dvcss-list > li {
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

#dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilitySelectedOptions .dvcss-list i.dvcss-pepmdxicon {
    top: 2px;
    margin-right: 7px;
    vertical-align: bottom;
    font-size: 25px;
}

#dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilitySelectedOptions .dvcss-list span {
    vertical-align: bottom;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilitySelectedOptions {
        text-align: center;
        padding: 16px 20px 19px;
        margin-bottom: 14px;
    }

    #dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilitySelectedOptions .media {
        overflow: visible;
    }

    #dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilitySelectedOptions .media-body {
        overflow: visible;
    }

    #dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilitySelectedOptions .dvcss-list > li {
        display: block;
        margin-bottom: 12px;
        margin-right: 0;
        vertical-align: bottom;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcResortDetailsRoomPoints .dvcCheckAvailability .dvcCheckAvailabilitySelectedOptions .dvcss-list i.dvcss-pepmdxicon {
        top: -1px;
        margin-right: 3px;
        vertical-align: top;
        font-size: 18px;
    }

}


/**-------------------------------------------------------------
 * Amenities & Resort Listing
 *
 *--------------------------------------------------------------*/

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcss-storycard .dvcss-storycard-row .dvcss-storycard-col .dvcss-storycard-media-object-wrapper {
    width: 170px;
}
#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcss-storycard .dvcss-storycard-row .dvcss-storycard-col .dvcss-storycard-media-object-wrapper img.dvcss-storycard-media-object.lazy {
    margin: 0 auto;
}

/** Mobile only **/
@media screen and (max-width: 767px) {

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcss-storycard .dvcss-storycard-body .dvcss-storycard-media img.dvcss-storycard-media-object.lazy {
        margin: 0 auto;
        width: auto!important;
    }
}

/********** Amenities Panel **********/

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel {
    margin-bottom: 0;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-heading {
    padding: 11px 20px 9px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body {
    padding: 11px 20px 12px;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body a .collapsed-shown,
#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body a .collapsed-hidden {
    color: #253b56;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body a .collapsed-hidden {
    position: relative;
    top: -2px;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body a .collapsed-shown .dvcss-pepmdxicon,
#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body a .collapsed-hidden .dvcss-pepmdxicon {
    top: 0;
    margin-left: -3px;
    margin-right: 3px;
    vertical-align: middle;
    font-size: 20px;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body a:focus,
#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body a:focus {
    text-decoration: none;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body a:hover .collapsed-shown,
#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body a:hover .collapsed-hidden {
    color: #00739a;
    text-decoration: underline;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .dvcAmenitiesTitle {
    color: #253b56;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-top: -1px;
}
#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .dvcAmenitiesList {
    padding-top: 7px;
    padding-bottom: 7px;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .dvcAmenitiesList ul {
    display: inline-block;
    float: none;
    width: 25%;
    margin: 0;
    margin-right: -5px;
    margin-bottom: 10px;
    padding-left: 16px;
    padding-right: 10px;
    vertical-align: top;
    list-style-position: outside;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .dvcAmenitiesList ul > li {
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-indent: -3px;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .dvcAmenitiesList ul > li.list-header {
    display: none;
}

/* Firefox */
@-moz-document url-prefix() {

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .dvcAmenitiesList ul {
        padding-left: 12px;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .dvcAmenitiesList ul > li {
        text-indent: 0
    }

}

/*
#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .dvcAmenitiesList ul > li:before {
    content: "";
    padding-left: 0;
    margin-left: -7px;
}
*/

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel {
         margin-bottom: -6px;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-heading {
        padding: 8px 9px 8px;
        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body {
        padding: 9px 10px 9px;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body a .collapsed-shown,
    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body a .collapsed-hidden {
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body a .collapsed-hidden {
        top: -5px;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body a .collapsed-shown .dvcss-pepmdxicon,
    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body a .collapsed-hidden .dvcss-pepmdxicon {
        top: 0;
        margin-left: -3px;
        margin-right: 0;
        vertical-align: middle;
        font-size: 18px;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body a:hover .collapsed-shown,
    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .panel-body a:hover .collapsed-hidden {
        color: #253b56;
        text-decoration: none;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .dvcAmenitiesWrapper {
        padding-top: 1px;
        padding-left: 9px;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .dvcAmenitiesList {
        padding-top: 7px;
        padding-bottom: 14px;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .dvcAmenitiesList ul {
        float: none;
        margin: 0;
        padding-left: 16px;
        padding-right: 0;
        width: 100%;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .dvcAmenitiesList ul > li {
        color: #253b56;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .dvcAmenitiesList ul > li:before {
        content: "";
        padding-left: 0;
        margin-left: 0;
    }

    /* Firefox */
    @-moz-document url-prefix() {

        #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcAmenitiesPanel .dvcAmenitiesList ul > li:before {
            content: "";
            padding-left: 0;
            margin-left: 0;
        }

    }


}

/********** Resort Listing List **********/

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList {
    margin-bottom: 9px;
}



#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-links {
    white-space: nowrap;
    margin-left: -10px;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcTextRoomUnavailable {
    padding-bottom: 3px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    min-width: 160px;
    text-align: right;
    font-style: italic;
    color: #78899e;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-body {
    position: relative;
    padding: 19px 20px 18px 0;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-desc-small {
    width: auto;
    padding: 0;
    color: #253b56;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-desc-small .pageLess {
    max-width: none;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-desc-small .pageLess .expandStoryWrapper {
    margin-top: 0;
    margin-bottom: 0;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-desc-small .pageLess span.expandStory {
    color: #00739a;
    cursor: pointer;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-desc-small .pageLess span.expandStory:hover,
#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-desc-small .pageLess span.expandStory:focus {
    text-decoration: underline;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-desc-small .pageMore .collapseStoryWrapper {
    margin-top: 4px;
    margin-bottom: 0;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-desc-small .pageMore span.collapseStory {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #00739a;
    cursor: pointer;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-desc-small .pageMore span.collapseStory:hover,
#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-desc-small .pageMore span.collapseStory:focus {
    text-decoration: underline;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-desc-small .pageMore {
    margin: 0;
    max-width: none;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList > li:last-child .dvcss-storycard > hr.dvcss-hr-faded {
    display: none;
}

#dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList > li:last-child .dvcss-storycard hr {
    display: none;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList {
        margin-bottom: 12px;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard {
        padding-top: 0;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard:first-child > hr.dvcss-hr-faded {
        display: block;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-links {
        margin-bottom: -3px;
        margin-left: 0;
        white-space: normal;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcTextRoomUnavailable {
        color: #78899e;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        max-width: 250px;
        padding-top: 1px;
        padding-bottom: 5px;
        text-align: left;
        font-style: italic;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-buttons {
        margin-top: 18px;
        margin-bottom: 15px;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-body {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 18px;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-desc-small {
        padding: 0;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-desc-small .pageLess {
        max-width: none;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard-desc-small .pageMore {
        margin: 0;
        max-width: none;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard .dvcss-storycard-row .dvcss-storycard-col.right {
        margin-top: 13px;
        text-align: left;
    }

    #dvcResortDetailsRoomPoints .dvcAmenitiesResortListing .dvcResortListingList .dvcss-storycard .dvcss-storycard-row .dvcss-storycard-col.right .dvcss-list-helper {
        margin-left: -14px;
        margin-right: auto;
        text-align: left;
    }

}

/**-------------------------------------------------------------
 * Disclaimer
 *
 *--------------------------------------------------------------*/

#dvcResortDetailsRoomPoints .dvcDisclaimer {
    visibility: visible;
}

#dvcResortDetailsRoomPoints .dvcDisclaimer .dvcss-container-fluid {
    padding-top: 26px;
    padding-bottom: 38px;
    color: #78899e;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

#dvcResortDetailsRoomPoints .dvcDisclaimer .dvcss-container-fluid div.disclaimerText {
    margin: 0;
    padding: 0;
    color: #78899e;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

#dvcResortDetailsRoomPoints .dvcDisclaimer .dvcss-container-fluid div.disclaimerText p {
    margin: 0;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcResortDetailsRoomPoints .dvcDisclaimer {
        visibility: visible;
    }

    #dvcResortDetailsRoomPoints .dvcDisclaimer .dvcss-container-fluid {
        padding-top: 16px;
        padding-bottom: 18px;
    }

    #dvcResortDetailsRoomPoints .dvcDisclaimer .dvcss-container-fluid div.disclaimerText {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

}

#dvcResortDetailsRoomPoints .innerContentStage .dvcDisclaimer .dvcss-container-fluid {
    padding-top: 0;
    margin-top: -20px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    /*removes extra hr on rooms and points page*/
    #dvcResortDetailsRoomPoints .innerContentStage .dvcDisclaimer div.horizontalSeparator  {
        width: 0;
    }

    #dvcResortDetailsRoomPoints .innerContentStage .dvcDisclaimer .dvcss-container-fluid {
       padding-top: 0;
       margin-top: 0;
    }

    #dvcResortDetailsRoomPoints .innerMobileHeader h1.contentPageTitle {
        padding-top: 9px !important;
        font-size: 24px!important;
        line-height: 30px;
        margin-bottom: 8px;
    }
    #dvcDestinationsTabbedPageInnerMobileHeader.innerMobileHeader h1.contentPageTitle {
        padding-top: 9px !important;
        margin-bottom: 8px;
    }

}


/**************************************************
 * Help & Contact Page - help-contact.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rversoza $
 * $Revision: #2 $
 * $Change: 1650249 $
 * $Date: 2017/02/14 $
 **************************************************/

/**
 *====================================================
 * Help & Contact CALL US
 *---------------------------------------------------------------------------------------------
 *
 * Page Road Map
 *
 * Help & Contact Call Us
 * |
 * |-- Header
 * |-- Listing
 * |-- Aside
 *
 *====================================================
 */

#dvcHelpContactCallUs .dvcss-panel.panel-lg > .panel-body {
    padding: 20px 40px 41px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactCallUs .dvcss-panel.panel-lg > .panel-body {
        padding: 10px 9px;
    }

}

/**------------------------------
 * Page Content Title
 * @section
 *-------------------------------*/

#dvcHelpContactCallUs .dvcPageContentTitleSection .dvcPageContentTitleInner {
    padding-top: 9px;
    padding-bottom: 25px;
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#dvcHelpContactCallUs .dvcPageContentTitleSection .dvcss-section-title {
    margin: 0 0 7px;
    color: #00233C;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    line-height: 36px;
}

#dvcHelpContactCallUs .dvcListingUlSection .panel .panel-body .row ul li p:empty {
    height: 17px;
}

/* Desktop query */
@media screen and (min-width: 768px) {

    #dvcHelpContactCallUs .dvcListingUlSection .panel .panel-body .row ul li:first-child p:empty {
        height: 0;
        margin-top: -10px;
    }
}

/* Mobile query */
@media screen and (max-width: 767px) {
    #dvcHelpContactCallUs .dvcPageContentTitleSection .dvcPageContentTitleInner {
        padding-top: 5px;
        padding-bottom: 17px;
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcHelpContactCallUs .dvcPageContentTitleSection .dvcss-section-title {
        margin: 0 0 11px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 100;
        line-height: 24px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection .panel .panel-body .row {
        margin-top: 28px;
        margin-bottom: -3px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection .panel .panel-body .row ul li:not(:first-child) p:empty {
        height: 0;
        margin-top: -11px;
    }
}


/**------------------------------
 * Listing Col
 * @section
 *-------------------------------*/

#dvcHelpContactCallUs .dvcListingCol {
    padding-left: 0;
    padding-right: 40px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactCallUs .dvcListingCol {
        padding-left: 0;
        padding-right: 0;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol .row ul > li {
        width: 100%;
    }

}

/**------------------------------
 * Listing
 * @section
 *-------------------------------*/

#dvcHelpContactCallUs .dvcListingUlSection {
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-title .dvcCaret,
#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-title a:hover .dvcCaret,
#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-title a.collapsed:hover .dvcCaret,
#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-title a:focus .dvcCaret,
#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-title a.collapsed:focus .dvcCaret {
    text-decoration: none;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-heading {
    background: #bfdfe8;
    background: -moz-linear-gradient(top, #c6e3eb 0%, #b3d8e3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6e3eb), color-stop(100%,#b3d8e3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c6e3eb 0%, #b3d8e3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c6e3eb 0%, #b3d8e3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c6e3eb 0%, #b3d8e3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c6e3eb 0%, #b3d8e3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6e3eb', endColorstr='#b3d8e3', GradientType=0); /* IE6-9 */
    border: 0;
    border-radius: 0;
    color: #253b56;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcss-section-title,
#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body p strong {
    display: block;
    margin-bottom: 4px;
    max-width: 177px;
    color: #253b56;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body h3 {
    display: block;
    margin-bottom: 4px;
    max-width: 177px;
    color: #253b56;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body p {
    margin-bottom: 5px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol h3 {
    font-size: 14px;
    margin-bottom: 5px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol h3 > i {
    font-size: 20px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol h3 > strong {
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    margin-bottom: 4px;
    font-weight: 600;
    max-width: 177px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol .row > p,
#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol .row > h3 {
    clear: both;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body p i {
    font-size: 20px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body p i + strong {
    line-height: 20px;
    vertical-align: top;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body p strong {
    max-width: auto;
    display: inline-block;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul {
    list-style: none;
    margin: 20px 0 0;
    clear: both;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol > ul {
    margin: 10px 0 0  18px;
    list-style: disc
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul + ul {
    margin-top: 22px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li {
    margin-bottom: 5px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol > ul > li {
    margin-bottom: 0;
}

#dvcHelpContactCallUs .dvcListingUlSection > li:last-child .dvcss-hr-faded{
    display: none;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li div#countryid-base .selectBox.status-open div.listWrapper {
    display: block;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li div#countryid-base .selectBox div.listWrapper {
	display: none;
    margin-top: 0;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li div#countryid-base .selectBox.popup div.listWrapper {
    margin-top: 8px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li div#countryid-base .selectBox div.innerListWrapper {
    margin-right: 4px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li p#dropdown-label,
#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li p#dropdown-label strong,
#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li p#toll-free-number-label,
#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li p#toll-free-number-label strong {
    font-family: Avenir-medium, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li p#toll-free-number-other {
    font-family: Avenir-medium, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li p#dropdown-label {
	margin-bottom: 0;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li p#toll-free-number {
	margin-top: 10px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li p#toll-free-number {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li strong {
    display: block;
    margin-bottom: -1px;
    max-width: 177px;
    color: #253b56;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li div,
#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li p {
    display: block;
    margin: 0;
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li p {
    margin-bottom: 10px;
}
#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li > a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol .row ul > li {
    width: 33.333%;
    float: left;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {

	#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li.toll-free-numbers {
		margin: 20px 0 20px 0 !important;
	}

	#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li.dvui-fieldset {
		margin-top: 20px !important;
	}

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol .row ul > li {
        float: none;
        width: auto;
        margin-bottom: 24px;
    }
    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol .row ul > li:last-of-type {
        margin-bottom: 8px;
    }
    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol .row.detailedDescription ul > li {
        margin-bottom: 0;
    }
    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol .row.briefDescription > ul {
        margin: 10px 0 9px 13px;
        list-style: disc
    }
    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol .row.briefDescription > ul li {
        margin-bottom: 0;
        margin-left: 3px;
    }
    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol .row ul > li:not(:first-of-type) {
        margin-top: -7px;
    }
    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol .row > ul +p:last-of-type {
        margin-bottom: 10px;
    }
}

#dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol .hidden-xs > ul {
    margin: 10px 0 31px 13px;
    list-style: disc
}

/* Desktop query */
@media screen and (min-width: 768px) {

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li {
        margin-bottom: 0;
    }
    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol .row.briefDescription {
        margin-bottom: 24px;
        margin-left: 3px;
    }
    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel {
        padding: 23px 0 20px;
        margin: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li:last-child .dvcss-storycard .panel + .dvcss-hr-faded {
        display: none;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-heading {
        padding: 0;
        background: none;
        border: 0;
        border-radius: 0;
        color: #253b56;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-title {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        vertical-align: middle;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-title .dvcss-pepmdxicon {
        top: -2px;
        margin-left: -3px;
        margin-right: 2px;
        vertical-align: middle;
        font-size: 25px;
        font-weight: normal;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-collapse.collapse {
        display: block!important;
        height: auto!important;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body {
        padding: 18px 0 0;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .row > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .row + .row,
    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcss-row + .dvcss-row {
        margin-top: 30px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .row:first-child,
    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcss-row:first-child {
        margin-top: 0;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li:nth-last-child(1) div.panel-info {
        padding-bottom: 0;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcContentItemCol > ul {
        margin: 10px 0 31px 13px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li:nth-last-child(1) div.panel-info div.panel-body div.dvcContentItemCol .row ul:nth-last-child(1) li {
        margin-bottom: 0;
    }
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactCallUs .dvcListingUlSection {
        margin-left: -9px;
        margin-right: -9px;
        margin-bottom: 30px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li:last-child .dvcss-storycard .panel + .dvcss-hr-faded {
        display: none;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard {
        padding: 0;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel {
        margin: 0;
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-heading {
        padding-left: 10px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-title a,
    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-title a span {
        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
        vertical-align: middle;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-title .dvcCaret {
        top: 2px;
        margin-right: 9px;
        vertical-align: middle;
        color: #fff;
        font-size: 20px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-title .collapsed .dvcCaret {
        visibility: visible;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body {
        padding: 21px 9px 27px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li:last-child .dvcss-storycard .panel-body {
        padding-bottom: 0;
        margin-bottom: -2px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .row + .row,
    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcss-row + .dvcss-row {
        margin-top: 17px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .row:first-child,
    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcss-row:first-child {
        margin-top: 0;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .row > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .row > .dvcContentItemCol + .dvcContentItemCol {
        padding-top: 23px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .row > .dvcContentItemCol:first-child {
        padding-top: 0;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .dvcss-section-title {
        display: block;

        max-width: none;
        margin-bottom: 5px;
        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul {
        margin: 0;
        padding: 0;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul + ul {
        margin-top: 18px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li {
        max-width: none;
        margin-bottom: 3px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li strong {
        display: block;
        max-width: none;
        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li div,
    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li p {
        display: block;
        margin: 0;
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li div + div,
    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li p + p {
        margin-top: 7px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body ul > li > a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;
    }

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body p i {
        margin-top: -4px;
        margin-left: -4px;
    }

}

/********** View Page (Category) **********/

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactCallUs .dvcListingUlSection > li .dvcss-storycard .panel-body .row > .dvcContentItemCol.dvcContentItemColViewPage ul > li + li {
        padding-top: 5px;
    }

}

/**------------------------------
 * Page Content Footer
 * @section
 *-------------------------------*/

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactCallUs .dvcPageContentFooterSection {
        padding-bottom: 27px;
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}

/**************************************************
 * Help & Contact Landing Page - help-contact-landing.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632806 $
 * $Date: 2016/05/24 $
 **************************************************/
 
/**
 *====================================================
 * Help & Contact LANDING
 *---------------------------------------------------------------------------------------------
 *
 * Page Road Map
 *
 * Help & Contact Landing
 * |
 * |-- Header
 * |-- Listing
 * |-- Aside
 *
 *====================================================
 */

#dvcHelpContactLanding .dvcss-panel.panel-lg > .panel-body {
    padding-left: 40px;
    padding-right: 40px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactLanding .dvcss-panel.panel-lg > .panel-body {
        padding-left: 10px;
        padding-right: 10px;
    }

}

/**------------------------------
 * Page Content Title
 * @section
 *-------------------------------*/

#dvcHelpContactLanding .dvcFaqCategoryListing .dvcPageContentTitle .dvcss-section-h1,
#dvcHelpContactLanding .dvcFaqCategoryListing .dvcPageContentTitle h1 {
    margin-top: 9px;
    margin-bottom: 23px;
    color: #253b56;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    line-height: 36px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcPageContentTitle .dvcss-section-h1 {
        margin-top: 5px;
        margin-bottom: 10px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 100;
        line-height: 24px;
    }

}


/**------------------------------
 * Category Listing UL
 * @section
 *-------------------------------*/

#dvcHelpContactLanding .dvcFaqCategoryListing {
    padding-left: 0;
    padding-right: 40px;
}

#dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

#dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-title .dvcCaret,
#dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-title a:hover .dvcCaret,
#dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-title a.collapsed:hover .dvcCaret,
#dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-title a:focus .dvcCaret,
#dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-title a.collapsed:focus .dvcCaret {
    text-decoration: none;
}

#dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-heading {
    background: #bfdfe8;
    background: -moz-linear-gradient(top, #c6e3eb 0%, #b3d8e3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6e3eb), color-stop(100%,#b3d8e3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c6e3eb 0%, #b3d8e3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c6e3eb 0%, #b3d8e3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c6e3eb 0%, #b3d8e3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c6e3eb 0%, #b3d8e3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6e3eb', endColorstr='#b3d8e3', GradientType=0); /* IE6-9 */
    border: 0;
    border-radius: 0;
    color: #253b56;
}

#dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-body .dvcTopicGroup,
#dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-body ul {
    margin: 0;
    padding: 0 40px 0 0;
}

#dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-body .dvcTopicGroup > .dvcTopicItem,
#dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-body ul > li {
    max-width: 177px;
    margin-bottom: 4px;
}

#dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-body .dvcTopicGroup > .dvcTopicItem > a,
#dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-body ul > li > a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

/* Desktop only */
@media screen and (min-width: 768px) {

    #dvcHelpContactLanding .dvcFaqCategoryListing {
        visibility: visible;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel {
        padding: 27px 0 24px;
        margin: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li:last-child .dvcss-storycard .panel + .dvcss-hr-faded {
        display: none;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-heading {
        padding: 0;
        background: none;
        border: 0;
        border-radius: 0;
        color: #253b56;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-title {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        vertical-align: middle;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-title .dvcss-pepmdxicon {
        top: -2px;
        margin-left: -3px;
        margin-right: 2px;

        font-size: 25px;
        font-weight: normal;
        vertical-align: middle;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-collapse.collapse {
        display: block!important;
        height: auto!important;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-body {
        padding: 12px 0 0;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }
}

/* Mobile query */
@media screen and (max-width: 767px) {
    #dvcHelpContactLanding .dvcFaqCategoryListing {
        padding-left: 0;
        padding-right: 0;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl {
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 30px;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li:last-child .dvcss-storycard .panel + .dvcss-hr-faded {
        display: none;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard {
        padding: 0;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel {
        margin: 0;
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-heading {
        padding-left: 8px;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-heading .panel-title {
        line-height: 1.25;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-title a,
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-title a span {
        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
        vertical-align: middle;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-title .dvcCaret {
        top: 2px;
        margin-right: 4px;
        vertical-align: middle;
        color: #fff;
        font-size: 20px;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-body {
        padding: 19px 10px 16px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li:last-child .dvcss-storycard .panel-body {
        padding-bottom: 0;
        margin-bottom: -3px;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-body ul {
        margin: 0;
        padding: 0;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-body ul > li {
        max-width: none;
        margin-bottom: 7px;
    }
    #dvcHelpContactLanding .dvcFaqCategoryListing .dvcFaqCategoryListingUl > li .dvcss-storycard .panel-body ul > li > a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }
}

/**************************************************
 * Help & Contact Topic Landing Page - help-contact-topic-landing.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632806 $
 * $Date: 2016/05/24 $
 **************************************************/

/**
 *====================================================
 * Help & Contact TOPIC LANDING
 *---------------------------------------------------------------------------------------------
 *
 * Page Road Map
 *
 * Help & Contact Topic Landing
 * |
 * |-- Header
 * |-- Listing
 * |-- Aside
 *
 *====================================================
 */

#dvcHelpContactTopicLanding .dvcss-panel.panel-lg > .panel-body {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 18px;
}

#dvcHelpContactTopicLanding .dvcFaqTopicListing {
    padding-left: 0;
    padding-right: 59px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcHelpContactTopicLanding .dvcss-panel.panel-lg > .panel-body {
        padding-left: 10px;
        padding-right: 10px;
    }

    #dvcHelpContactTopicLanding .dvcFaqTopicListing {
        padding-left: 0;
        padding-right: 0;
    }

}

/********* @section Page Content Title **********/

#dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcPageContentTitle .dvcss-section-h1,
#dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcPageContentTitle h1 {
    margin-top: 9px;
    margin-bottom: 16px;
    color: #00233C;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    line-height: 36px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcPageContentTitle .dvcss-section-h1,
    #dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcPageContentTitle h1 {
        margin-top: 6px;
        margin-bottom: 12px;
        color: #00233C;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}

/********* @section Faq Category Listing UL **********/

#dvcHelpContactTopicLanding .dvcFaqTopicListing ul {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

#dvcHelpContactTopicLanding .dvcFaqTopicListing ul > li:last-child .dvcss-storycard .dvcss-storycard-body + .dvcss-hr-faded {
    display: none;
}

#dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcss-storycard-col.main {
    padding-left: 0;
    width: 100%;
}

#dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcss-storycard-body {
    padding-top: 22px;
    padding-bottom: 29px;
}

#dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcss-storycard-body .dvcss-dt {
    width: 100%;
}

#dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcss-storycard-row {
    padding-top: 0;
}

#dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcss-storycard-col.middle {
    width: 0;
}

#dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcss-storycard-col.middle i {
    margin-top: 10px;
    position: relative;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcHelpContactTopicLanding .dvcFaqTopicListing ul {
        margin-bottom: 0;
    }

    #dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcss-storycard {
        margin-right: -6px;
    }

    #dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcss-storycard-body {
        padding-top: 22px;
        padding-bottom: 22px;
    }

    #dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcss-storycard-caret {
        font-size: 15px;
    }

    #dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcss-hr-faded {
        display: block;
    }

    #dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcss-storycard-col.main {
        padding-right: 30px;
    }
}

/***** @sub Question *****/

#dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcFaqTopicQuestion {
    margin-bottom: 11px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

#dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcFaqTopicQuestion .dvcss-pull-left {
    padding-right: 2px;
}

#dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcFaqTopicQuestion .media-body {
    max-width: 490px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcFaqTopicQuestion {
        margin-bottom: 18px;
        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        max-width: none;
    }

    #dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcFaqTopicQuestion .dvcss-pull-left {
        padding-right: 8px;
        min-width: 0;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        margin-right: 0;
    }

    #dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcFaqTopicQuestion .media-body {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

}


/***** @sub Answer *****/

#dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcFaqTopicAnswer {
    margin-top: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcFaqTopicAnswer .dvcss-pull-left {
    padding-right: 5px;
}

#dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcFaqTopicAnswer .dvcss-pull-left .dvcss-storycard-title {
    margin-top: -3px;
    margin-bottom: 0;

    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

#dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcFaqTopicAnswer .media-body {
    padding-top: 2px;
    max-width: 420px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcFaqTopicAnswer {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcFaqTopicAnswer .dvcss-pull-left {
        padding-right: 8px;
        min-width: 0;
    }

    #dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcFaqTopicAnswer .dvcss-pull-left .dvcss-storycard-title {
        margin-top: 0;
        margin-right: -7px;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcHelpContactTopicLanding .dvcFaqTopicListing .dvcFaqTopicAnswer .media-body {
        padding-top: 0;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}

/**************************************************
 * Help & Contact Topic Details Page - help-contact-topic-details.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632806 $
 * $Date: 2016/05/24 $
 **************************************************/

/**
 *====================================================
 * Help & Contact TOPIC DETAILS
 *---------------------------------------------------------------------------------------------
 *
 * Page Road Map
 *
 * Help & Contact Topic Details
 * |
 * |-- Header
 * |-- Listing
 * |-- Related Questions
 * |-- Aside
 *
 *====================================================
 */

#dvcHelpContactTopicDetail .dvcss-panel.panel-lg > .panel-body {
    padding: 29px 39px 58px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactTopicDetail .dvcss-panel.panel-lg > .panel-body {
        padding: 16px 10px 10px;
    }

}

/**------------------------------
 * Header
 *-------------------------------*/

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcPageContentTitle .dvcss-section-h1,
#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcPageContentTitle h1 {
    margin-bottom: 16px;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    line-height: 36px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcPageContentTitle .dvcss-section-h1,
    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcPageContentTitle h1 {
        margin-bottom: 12px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}

/**------------------------------
 * Story
 *-------------------------------*/

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing  {
    padding-left: 0;
    padding-right: 60px;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcss-storycard .dvcss-storycard-body {
    padding-top: 22px;
    padding-bottom: 30px;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcss-storycard .dvcss-storycard-row .dvcss-storycard-col.main {
    padding-left: 0;
    padding-right: 0;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText a[href^="tel"]
#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText a[href^="fax"] {
    text-decoration: none !important;
    color: #0079BC !important;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing  {
        padding-left: 0;
        padding-right: 0;
    }

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcss-storycard .dvcss-storycard-body {
        padding-top: 16px;
        padding-bottom: 28px;
    }

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcss-storycard .dvcss-storycard-row {
        padding-top: 0;
    }
}


/********** @sub Question **********/

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicQuestion {
    margin-bottom: 13px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicQuestion > .dvcss-pull-left {
    padding-right: 12px;
    min-width: 36px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicQuestion .media-body {
    max-width: 556px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicQuestion {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 18px;
    }

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicQuestion > .dvcss-pull-left {
        min-width: 24px;
        padding-right: 8px;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

}


/********** @sub Answer **********/

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer {
    margin-top: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer > .dvcss-pull-left {
    padding-right: 15px;
    min-width: 36px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer > .dvcss-pull-left .dvcss-storycard-title {
    margin-top: -5px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .media-body {
    max-width: 556px;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText > div + div ,
#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText > p {
    margin: 0;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText > div + div ,
#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText > div + p ,
#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText > p + div ,
#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText > p + p {
    margin: 13px 0 0;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText ul {
    margin-top: 13px;
    margin-bottom: 13px;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText ol,
#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText ul {
    padding-left: 3.333em;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText a {
    color: #0079BC;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer > .dvcss-pull-left {
        min-width: 24px;
        padding-right: 8px;

        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer > .dvcss-pull-left .dvcss-storycard-title {
        margin-top: 0;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .media-body a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText > div + div ,
    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText > p {
        margin: 0;
    }

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText > div + div ,
    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText > div + p ,
    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText > p + div ,
    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerText > p + p {
        margin: 18px 0 0;
    }
}

/********** @sub Answer Helpful **********/

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerHelpful,
#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFeedbackHelpful {
    margin-top: 11px;
    padding-bottom: 3px;
    vertical-align: middle;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerHelpful i
#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFeedbackHelpful i {
    vertical-align: middle;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerHelpful .dvcss-btn {
    min-width: 100px;
    vertical-align: middle;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerHelpful ul {
    display: inline-block;
    margin-left: 13px;
    vertical-align: middle;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerHelpful ul > li {
    padding-right: 0;
    padding-left: 7px;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerHelpful ul > li:first-child {
    padding-left: 0;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerHelpful {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-top: 17px;
    }

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicAnswer .dvcFaqTopicAnswerHelpful ul {
        display: block;
        margin-left: 0;
        margin-top: 4px;
    }

}

/**------------------------------
 * Related Questions
 *-------------------------------*/

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicDetailRelatedQuestions {
    padding-top: 22px;
    padding-bottom: 0;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicDetailRelatedQuestions .dvcss-section-title {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicDetailRelatedQuestions ul {
    margin-top: 13px;
    margin-left: 7px;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicDetailRelatedQuestions ul > li {
    margin-top: 4px;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicDetailRelatedQuestions ul > li:first-child {
    margin-top: 0;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicDetailRelatedQuestions ul > li > .dvcss-pull-left {
    margin-right: 13px;

    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicDetailRelatedQuestions ul > li .media-body {
    max-width: 556px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicDetailCategoryTopicLink a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

/* Desktop only */
@media screen and (min-width: 768px) {

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicDetailCategoryTopicLink {
        padding-left: 8px;
        padding-top: 19px;
    }
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicDetailRelatedQuestions {
        padding-top: 25px;
        padding-bottom: 12px;
    }

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicDetailRelatedQuestions .dvcss-section-title {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 100;
        line-height: 24px;
    }

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicDetailRelatedQuestions ul {
        margin-top: 16px;
        margin-left: 0;
    }

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicDetailRelatedQuestions ul > li > .dvcss-pull-left {
        margin-right: 9px;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicDetailRelatedQuestions ul > li .media-body {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicDetailCategoryTopicLink {
        padding-bottom: 27px;
    }

    #dvcHelpContactTopicDetail .dvcFaqTopicDetailListing .dvcFaqTopicDetailCategoryTopicLink a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}

/**************************************************
 * Help & Contact Topic Schedule / Request A Call Page - help-contact-topic-request-call.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #2 $
 * $Change: 1636081 $
 * $Date: 2016/06/21 $
 **************************************************/
 
/**
 *====================================================
 * Help & Contact SCHEDULE/REQUEST A CALL
 *---------------------------------------------------------------------------------------------
 *
 * Page Road Map
 *
 * Help & Contact Schedule/Request A Call
 * |
 * |-- Header / Page Title
 * |-- Form
 * |-- Disclaimer
 *
 *====================================================
 */

#dvcHelpContactRequestPhoneCall .dvcss-panel.panel-lg > .panel-body {
    padding: 30px 41px 38px;
}

#dvcHelpContactRequestPhoneCall .dvcRequestPhoneCallCol {
    /* margin-right: 240px; */
    padding-left: 0;
    padding-right: 0;
    width: 72.027%;
}

#dvcHelpContactRequestPhoneCall .dvcGlobalFaqSideNav {
    width: 27.973%;
}

#dvcHelpContactRequestPhoneCall .dvcDisclaimerSection div.disclaimerText > div.horizontalSeparator {
    display: none;
}

#dvcHelpContactRequestPhoneCall + div + div#footer{
    margin-bottom: 65px;
}

/* Tablet query */
@media screen and (max-width: 991px) and (min-width: 768px) {

    #dvcHelpContactRequestPhoneCall .dvcRequestPhoneCallCol {
        max-width: 609px;
        width: 100%;
    }

    #dvcHelpContactRequestPhoneCall .dvcGlobalFaqSideNav {
        display: none;
    }

}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactRequestPhoneCall .dvcss-panel.panel-lg > .panel-body {
        padding: 15px 10px 37px;
    }

    #dvcHelpContactRequestPhoneCall .dvcRequestPhoneCallCol {
        width: 100%;
    }

    #dvcHelpContactRequestPhoneCall .dvcGlobalFaqSideNav {
        width: 100%;
    }

}

/**------------------------------
 * Page Title
 * @section
 *-------------------------------*/

#dvcHelpContactRequestPhoneCall .dvcPageContentTitleSection .dvcss-section-h1 {
    margin-bottom: 7px;
}

#dvcHelpContactRequestPhoneCall .dvcPageContentTitleSection p {
    margin-bottom: 25px;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    max-width: 620px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactRequestPhoneCall .dvcPageContentTitleSection .dvcss-section-h1 {
        margin-bottom: 11px;
    }

    #dvcHelpContactRequestPhoneCall .dvcPageContentTitleSection p {
        margin-bottom: 17px;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}

/**------------------------------
 * Form
 * @section
 *-------------------------------*/

#dvcHelpContactRequestPhoneCall .dvcRequestPhoneCallFormSection {
    padding-top: 18px;
}

#dvcHelpContactRequestPhoneCall .dvcRequestPhoneCallFormSection .dvcss-form legend {
    padding-bottom: 4px;
}

#dvcHelpContactRequestPhoneCall .dvcRequestPhoneCallFormSection .dvcss-form legend > small {
    color: #78899e;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}

#dvcHelpContactRequestPhoneCall .dvcRequestPhoneCallFormSection .form-row {
    margin-bottom: 15px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactRequestPhoneCall .dvcRequestPhoneCallFormSection {
        padding-top: 22px;
    }

    #dvcHelpContactRequestPhoneCall .dvcRequestPhoneCallFormSection .dvcss-form legend > small {
        padding-bottom: 11px;
        color: #78899e;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 400;
    }

    #dvcHelpContactRequestPhoneCall .dvcRequestPhoneCallFormSection label {
        padding-bottom: 7px;
    }

    #dvcHelpContactRequestPhoneCall .dvcRequestPhoneCallFormSection .form-row {
        margin-bottom: 0;
    }

    #dvcHelpContactRequestPhoneCall .dvcRequestPhoneCallFormSection .form-group {
        margin-bottom: 0;
    }

}


/********** Address Row **********/

#dvcHelpContactRequestPhoneCall .dvcRequestPhoneCallFormSection .dvcFormRowAddress .form-group .textInput {
    margin-right: 0;
}

#dvcHelpContactRequestPhoneCall .dvcRequestPhoneCallFormSection .dvcFormRowAddress .dvcss-form-link {
    display: inline-block;
    margin-top: 11px;
    margin-left: -2px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactRequestPhoneCall .dvcRequestPhoneCallFormSection .dvcFormRowAddress .dvcss-form-link {
        display: block;
        margin: -14px 0 23px;
    }

}

/********** City / State / Zip Row **********/

#dvcHelpContactRequestPhoneCall .dvcRequestPhoneCallFormSection .dvcFormRowCityStateZip .dvcss-form-link {
    margin-top: 3px;
    margin-bottom: 3px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactRequestPhoneCall .dvcRequestPhoneCallFormSection .dvcFormRowCityStateZip .dvcss-form-link {
        display: block;
        margin: -14px 0 23px;
    }

}

/**------------------------------
 * Disclaimer
 * @section
 *-------------------------------*/

#dvcHelpContactRequestPhoneCall .dvcDisclaimerSection .dvcss-section-title {
    margin-top: 1px;
    margin-bottom: 13px;
    color: #253b56;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

#dvcHelpContactRequestPhoneCall .dvcDisclaimerSection .disclaimerText {
    margin: 0;
    max-width: 620px;
    padding: 0;
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#dvcHelpContactRequestPhoneCall .dvcDisclaimerSection p {
    margin: 0;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactRequestPhoneCall .dvcDisclaimerSection .dvcss-section-title {
        margin-bottom: 9px;
        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcHelpContactRequestPhoneCall .dvcDisclaimerSection .disclaimerText {
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}

/* Mobile: Help and Contact: Schedule a Call */
@media screen and (max-width: 767px) {
    #dvcHelpContactRequestPhoneCall .dvcDisclaimerSection > div.horizontalSeparator {
        width: 0;
    }
}

/* Mobile: Help and Contact: Landing */
@media screen and (max-width: 767px) {
    #dvcHelpContactLanding .dvcGlobalFaqSideNavActionButtonsMobile .dvcss-btn[disabled],
    #dvcHelpContactLanding .dvcGlobalFaqSideNavActionButtonsMobile .dvcss-btn {
        padding-right: 25px;
    }
}

/**************************************************
 * Help & Contact Email Us Page - help-contact-email-us.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632806 $
 * $Date: 2016/05/24 $
 **************************************************/
 
/**
 *====================================================
 * Help & Contact EMAIL US
 *---------------------------------------------------------------------------------------------
 *
 * Page Road Map
 *
 * Help & Contact Email Us
 * |
 * |-- Header / Page Title
 * |-- Logged Out Message
 * |-- Form
 * |-- Disclaimer
 *
 *====================================================
 */

#dvcHelpContactEmailUs .dvcss-panel.panel-lg > .panel-body {
    padding: 29px 41px 38px;
}

#dvcHelpContactEmailUs .dvcEmailUsCol {
    /* margin-right: 240px; */
    padding-left: 0;
    padding-right: 0;
    width: 72.027%;
}

#dvcHelpContactEmailUs .dvcGlobalFaqSideNav {
    width: 27.973%;
}

/* Tablet query */
@media screen and (max-width: 991px) and (min-width: 768px) {

    #dvcHelpContactEmailUs .dvcEmailUsCol {
        max-width: 609px;
        width: 100%;
    }

    #dvcHelpContactEmailUs .dvcGlobalFaqSideNav {
        display: none;
    }

}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactEmailUs .dvcss-panel.panel-lg > .panel-body {
        padding: 15px 10px 37px;
    }

    #dvcHelpContactEmailUs .dvcEmailUsCol {
        width: 100%;
    }

    #dvcHelpContactEmailUs .dvcGlobalFaqSideNav {
        width: 100%;
    }

}

/**------------------------------
 * Page Title
 * @section
 *-------------------------------*/

#dvcHelpContactEmailUs .dvcPageContentTitle .dvcss-section-h1 {
    margin-bottom: 7px;
}

#dvcHelpContactEmailUs .dvcPageContentTitle p {
    margin-bottom: 25px;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    max-width: 620px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactEmailUs .dvcPageContentTitle .dvcss-section-h1 {
        margin-bottom: 11px;
    }

    #dvcHelpContactEmailUs .dvcPageContentTitle p {
        margin-bottom: 17px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}

/**------------------------------
 * Logged Out Message
 * @section
 *-------------------------------*/

#dvcHelpContactEmailUs .dvcEmailUsLoggedOutMessage .dvcEmailUsLoggedOutMessageText {
    max-width: 620px;
    padding-top: 19px;
    padding-bottom: 25px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    vertical-align: middle;
}

#dvcHelpContactEmailUs .dvcEmailUsLoggedOutMessage .dvcEmailUsLoggedOutMessageText .dvcss-pepmdxicon {
    top: 1px;
    margin-right: 3px;
    vertical-align: bottom;
    font-size: 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcHelpContactEmailUs .dvcEmailUsLoggedOutMessage .dvcEmailUsLoggedOutMessageText {
        padding-top: 14px;
        padding-bottom: 13px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}

/**------------------------------
 * Form Body
 * @section
 *-------------------------------*/

#dvcHelpContactEmailUs .dvcEmailUsFormBody {
    padding-top: 18px;
}

#dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcss-form.form-inline {
    margin-bottom: -2px;
}

#dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcss-form legend {
    padding-bottom: 4px;
}

#dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcss-form legend > small {
    color: #78899e;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}

#dvcHelpContactEmailUs .dvcEmailUsFormBody .form-row {
    margin-bottom: 15px;
}

#dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcss-form-link {
    margin-top: 3px;
    margin-bottom: 3px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

#dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcEmailUsFormYourQuestionGroup .form-row {
    margin-bottom: 16px;
}

#dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcEmailUsFormYourQuestionGroup .inlineErrors li:first-child {
    margin-top: 13px;
}

.fixfixed #dvcHelpContactEmailUs .registrationFooterFrame {
    position: absolute!important;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactEmailUs .dvcEmailUsFormBody {
        padding-top: 17px;
    }

    #dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcss-form.form-inline {
        margin-bottom: 1px;
    }

    #dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcss-form legend > small {
        padding-bottom: 11px;
        color: #78899e;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 400;
    }

    #dvcHelpContactEmailUs .dvcEmailUsFormBody label {
        padding-bottom: 7px;
    }

    #dvcHelpContactEmailUs .dvcEmailUsFormBody .form-row {
        margin-bottom: 0;
    }

    #dvcHelpContactEmailUs .dvcEmailUsFormBody .form-group {
        margin-bottom: 0;
    }

    #dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcss-form-link {
        margin-top: -14px;
        margin-bottom: 23px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcEmailUsFormYourQuestionGroup .form-row {
        margin-bottom: 2px;
    }

    #dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcEmailUsFormYourQuestionGroup .inlineErrors {
        position: relative;
    }

    #dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcEmailUsFormYourQuestionGroup .inlineErrors li:first-child {
        margin-top: -8px;
    }

    #dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcEmailUsFormYourQuestionGroup .inputElement {
        position: relative;
        z-index: 0;
        /*
        overflow: hidden;
        padding: 0 2px 3px;
        margin: 0 -2px -3px;
        */
    }

    #dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcEmailUsFormYourQuestionGroup .formInputElement textarea {
        position: relative;
        z-index: 0;
        margin-bottom: 0;
        height: 13em;
        line-height: normal;
        resize: none;
    }

    #dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcEmailUsFormYourQuestionGroup.ios8 .formInputElement textarea {
        -webkit-transform : translate3d(0,0,0);
        -webkit-overflow-scrolling:touch;
        -webkit-padding-after: 1em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    /*
    #dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcEmailUsFormYourQuestionGroup.ios8 .formInputElement {
        margin-bottom: 41px!important;
    }

    #dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcEmailUsFormYourQuestionGroup.ios8 .formInputElement .ios8-fix {
        content: ' ';
        position: absolute;
        z-index: 1;
        top: 97%;
        height: 1.5em;
        width: 100%;
        background: #fff;
        border: 0 solid #eee;
        box-shadow: 0 2px 3px 0 #777;
        border-radius: 0 0 6px 6px;
    }

    #dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcEmailUsFormYourQuestionGroup.ios8 .formInputElement .ios8-fix:after {
        content: ' ';
        position: absolute;
        top: -3px;
        left: 0;
        width: 100%;
        height: 4px;
        background: #fff;
    }

    #dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcEmailUsFormYourQuestionGroup.ios8 .formInputElement.hasErrors textarea + .ios8-fix {
        -webkit-box-shadow: 0 2px 3px 0 #FF4605;
        -moz-box-shadow: 0 2px 3px 0 #FF4605;
        box-shadow: 0 2px 3px 0 #FF4605;
    }

    #dvcHelpContactEmailUs .dvcEmailUsFormBody .dvcEmailUsFormYourQuestionGroup.ios8 .formInputElement textarea:focus + .ios8-fix {
        -webkit-box-shadow: 0 2px 3px 0 #00739a;
        -moz-box-shadow: 0 2px 3px 0 #00739a;
        box-shadow: 0 2px 3px 0 #00739a;
    }
    */

    .fixfixed #dvcHelpContactEmailUs .registrationFooterFrame {
        position: absolute!important;
    }

}


/********** Email Disclaimer **********/

#dvcHelpContactEmailUs .dvcEmailDisclaimer {
    max-width: 620px;
    padding-top: 2px;
    padding-bottom: 14px;

    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactEmailUs .dvcEmailDisclaimer {
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}

/********** Disclaimer **********/

#dvcHelpContactEmailUs .dvcDisclaimer .dvcss-section-title {
    margin-bottom: 11px;
    color: #253b56;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

#dvcHelpContactEmailUs .dvcDisclaimer .disclaimerText {
    margin: 0;
    max-width: 620px;
    padding: 0;
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#dvcHelpContactEmailUs .dvcDisclaimer p {
    margin: 0;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactEmailUs .dvcDisclaimer .dvcss-section-title {
        position: relative;
        margin-bottom: 9px;
        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcHelpContactEmailUs .dvcDisclaimer .disclaimerText {
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}

/**------------------------------
 * Logged In
 *-------------------------------*/

/********** One Membership  **********/

#dvcHelpContactEmailUs .dvcMembershipOneID {
    margin-top: 4px;
    margin-bottom: 2px;
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactEmailUs .dvcMembershipOneID {
        margin-top: -20px;
        margin-bottom: 22px;
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

}

/********** Subflow **********/

#dvcHelpContactEmailUs .registrationFooterFrame .registrationFooterWrap {
    padding-left: 0;
    padding-right: 0;
}

#dvcHelpContactEmailUs .registrationFooterFrame .subflowLeftBtnWrap {
    margin-left: 0;
}

/********** Thank You Modal **********/

#dvcHelpContactEmailUs .modalHelpContactEmailUsThankYou .modal-header .dvcss-hr-faded {
    display: none;
}

#dvcHelpContactEmailUs .modalHelpContactEmailUsThankYou .modal-header .modal-header-inner {
    padding-bottom: 0;
}

#dvcHelpContactEmailUs .modalHelpContactEmailUsThankYou .modal-body {
    padding-top: 11px;
    padding-bottom: 28px;
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#dvcHelpContactEmailUs .modalHelpContactEmailUsThankYou .modal-footer {
    padding-bottom: 14px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHelpContactEmailUs .modalHelpContactEmailUsThankYou .modal-header {
        padding-top: 15px;
    }

    #dvcHelpContactEmailUs .modalHelpContactEmailUsThankYou .modal-body {
        padding-top: 12px;
        padding-left: 20px;
        padding-right: 20px;
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcHelpContactEmailUs .modalHelpContactEmailUsThankYou .modal-footer .modal-footer-body {
        padding: 0 20px 20px;
    }

    #dvcHelpContactEmailUs .modalHelpContactEmailUsThankYou .modal-footer .modal-footer-inner {
        padding-top: 20px;
    }

}

/**************************************************
 * Help & Contact Hours Page - help-contact-hours.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632806 $
 * $Date: 2016/05/24 $
 **************************************************/

/**
 *====================================================
 * Contact Hours
 *---------------------------------------------------------------------------------------------
 * MODULE
 * @url /contact/hours
 *
 *
 * Page Road Map
 *
 * Contact Hours Page <main> .pageGeneralDisclaimer .generalDisclaimer
 * |
 * |-- Page Title             <section> .sectionPageTitle
 * |-- Page Body            <section> .sectionPageBody
 *
 *====================================================
 */

.generalDisclaimer.innerContentStage {
    padding-bottom: 17px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .generalDisclaimer.innerContentStage .innerWrapLeft .summaryContent > p:last-child {
        margin-bottom: 0;
    }

    .generalDisclaimer.innerContentStage .innerWrapRight {
        margin-bottom: 0;
    }

    .generalDisclaimer.innerContentStage .summaryContent a[href^="tel"] {
        color: #253b56;
        text-decoration: none;
    }

}

/**************************************************
 * Help & Contact - Request Form - help-contact-request-phone.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1636081 $
 * $Date: 2016/06/21 $
 **************************************************/

 #dvcHelpContactRequestPhone span.dvcss-form-link .uiToolTip {
    margin-bottom: 5px;
    margin-left: -12px;
 }

#dvcHelpContactRequestPhone .dvcss-form.form-inline .long .textInput input#default-postal,
#dvcHelpContactRequestPhone .dvcss-form.form-inline .long .textInput input#zip,
#dvcHelpContactRequestPhone .dvcss-form.form-inline .long .textInput input#postal,
#dvcHelpContactRequestPhone .dvcss-form.form-inline .long .textInput input#specialpostal {
    width: 100px;
}

#dvcHelpContactRequestPhone div.dvcss-form-link .uiToolTip {
    margin-left: 0;
 }

 #dvcHelpContactRequestPhone legend > small.required-note {
    margin-top: 10px;
 }

 #dvcHelpContactRequestPhone .disclaimerText {
    padding: 0;
    margin-top: 10px;
 }
/**************************************************
 * DVC Yes Page /discover/dvc-yes/ - dvc-yes.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #2 $
 * $Change: 1637837 $
 * $Date: 2016/07/07 $
 **************************************************/
    
#dvcYesPage .dvcss-panel.panel-lg > .panel-body {
    padding: 37px 40px 40px;
}

/* Mobile query */
@media screen and (max-width: 767px) {
    
    #dvcYesPage .dvcss-page-header h1 {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
        padding-top: 20px;
        padding-bottom: 0;
    }

    #dvcYesPage .dvcss-panel.panel-lg > .panel-body {
        padding: 10px;
    }

    #dvcYesPage .dvcss-form.form-inline label {
        margin-bottom: 6px;
    }

}

/**-------------------------------------------------------------
 * Form Header (Title, Legend and Errors)
 * @section dvcYesFormHeaderSection
 *--------------------------------------------------------------*/

#dvcYesPage .dvcYesFormHeaderSection {
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#dvcYesPage .dvcYesFormHeaderSection .dvcss-section-content {
    padding-bottom: 15px;
}

#dvcYesPage .dvcYesFormHeaderSection legend > small {
    color: #78899e;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
}

#dvcYesPage .dvcYesFormHeaderSection legend p {
    max-width: 620px;

    margin: 0;

    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcYesPage .dvcYesFormHeaderSection .dvcss-section-content {
        padding-bottom: 14px;
    }

    #dvcYesPage .dvcYesFormHeaderSection legend > small {
        padding-bottom: 12px;
        color: #78899e;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

    #dvcYesPage .dvcYesFormHeaderSection legend p {
        max-width: none;
        margin: 0;
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}


/**-------------------------------------------------------------
 * Guest Information
 * @section dvcYesFormGuestInformationSection
 *--------------------------------------------------------------*/

#dvcYesPage .dvcYesFormGuestInformationSection {
    visibility: visible;
}

#dvcYesPage .dvcYesFormGuestInformationSection .dvcss-section-content {
    padding: 24px 0 11px;
}

#dvcYesPage .dvcYesFormGuestInformationSection .dvcss-form-title {
    margin-bottom: 15px;
}

#dvcYesPage .dvcYesFormGuestInformationSection .form-row {
    margin-bottom: 14px;
}

#dvcYesPage .dvcYesFormGuestInformationSection .form-group.textInput {
    margin-right: 0;
}

#dvcYesPage .dvcYesFormGuestInformationSection .dvcss-form-link {
    margin-top: 6px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcYesPage .dvcYesFormGuestInformationSection .dvcss-section-content {
        padding: 24px 0 28px;
    }

    #dvcYesPage .dvcYesFormGuestInformationSection .dvcss-form-title {
        margin-bottom: 11px;
        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
    }

    #dvcYesPage .dvcYesFormGuestInformationSection .form-row {
        margin-bottom: 0;
    }

    #dvcYesPage .dvcYesFormGuestInformationSection .dvcFormRowCityStateZip .inlineErrors li:first-child {
        margin-top: 5px;
    }

    #dvcYesPage .dvcYesFormGuestInformationSection .dvcFormRowCityStateZip .inlineErrors li:last-child {
        margin-bottom: 0;
    }

    #dvcYesPage .dvcYesFormGuestInformationSection .dvcFormRowCityStateZip .inlineErrors {
        clear: both;
    }

    #dvcYesPage .dvcYesFormGuestInformationSection .dvcFormGroupState {
        display: block;
        float: left;
        padding-right: 6px;
        width: 58%;
    }

    #dvcYesPage .dvcYesFormGuestInformationSection .dvcFormGroupState .formInputElement {
        margin-bottom: 0!important;
    }

    #dvcYesPage .dvcYesFormGuestInformationSection .dvcFormGroupZip {
        display: block;
        float: left;
        padding-left: 6px;
        width: 42%;
    }

    #dvcYesPage .dvcYesFormGuestInformationSection .dvcFormGroupZip .formInputElement {
        margin-bottom: 0!important;
    }

    #dvcYesPage .dvcYesFormGuestInformationSection .dvcss-form-link {
        margin-top: 0;
    }

}

/**-------------------------------------------------------------
 * Contact Information
 * @section dvcYesFormContactInformationSection
 *--------------------------------------------------------------*/

#dvcYesPage .dvcYesFormContactInformationSection {
    visibility: visible;
}

#dvcYesPage .dvcYesFormContactInformationSection .dvcss-section-content {
    padding: 24px 0 14px;
}

#dvcYesPage .dvcYesFormContactInformationSection legend {
    max-width: 620px;
    padding-bottom: 24px;
}

#dvcYesPage .dvcYesFormContactInformationSection legend .dvcss-form-title {
    margin-bottom: 16px;
}

#dvcYesPage .dvcYesFormContactInformationSection legend p {
    margin: 0;
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#dvcYesPage .dvcYesFormContactInformationSection legend p + p {
    margin-top: 15px;
}

#dvcYesPage .dvcYesFormContactInformationSection .form-row {
    margin-bottom: 14px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcYesPage .dvcYesFormContactInformationSection .dvcss-section-content {
        padding: 24px 0 5px;
    }

    #dvcYesPage .dvcYesFormContactInformationSection legend {
        max-width: none;
        padding-bottom: 22px;
    }

    #dvcYesPage .dvcYesFormContactInformationSection legend .dvcss-form-title {
        margin-bottom: 12px;
        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
    }

    #dvcYesPage .dvcYesFormContactInformationSection legend p {
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcYesPage .dvcYesFormContactInformationSection legend p + p {
        margin-top: 13px;
    }

    #dvcYesPage .dvcYesFormContactInformationSection .form-row {
        margin-bottom: 0;
    }

}

/********** Email Disclaimer **********/

#dvcYesPage .dvcYesFormContactInformationSection .dvcEmailDisclaimer {
    padding-top: 6px;
    padding-bottom: 23px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcYesPage .dvcYesFormContactInformationSection .dvcEmailDisclaimer {
        margin-top: -13px;
        padding-top: 0;
        padding-bottom: 17px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}

/**-------------------------------------------------------------
 * Agreement
 * @section dvcYesFormAgreementSection
 *--------------------------------------------------------------*/

#dvcYesPage .dvcYesFormAgreementSection {
    visibility: visible;
}

#dvcYesPage .dvcYesFormAgreementSection .dvcss-section-content {
    padding: 24px 0 50px;
}

#dvcYesPage .dvcYesFormAgreementSection legend {
    max-width: 620px;
    padding-bottom: 18px;
}

#dvcYesPage .dvcYesFormAgreementSection legend .dvcss-form-title {
    margin-bottom: 16px;
}

#dvcYesPage .dvcYesFormAgreementSection legend p {
    margin: 0;
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#dvcYesPage .dvcYesFormAgreementSection .form-group {
    display: block;
}

#dvcYesPage .dvcYesFormAgreementSection .richCheckBox {
    position: relative;
    top: -3px;
    float: left;
    margin-right: 8px;
}

#dvcYesPage .dvcYesFormAgreementSection .richCheckBox + label {
    overflow: hidden;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcYesPage .dvcYesFormAgreementSection .dvcss-section-content {
        padding: 24px 0 66px;
    }

    #dvcYesPage .dvcYesFormAgreementSection legend .dvcss-form-title {
        margin-bottom: 12px;
        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
    }

    #dvcYesPage .dvcYesFormAgreementSection legend p {
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcYesPage .dvcYesFormAgreementSection .richCheckBox + label {
        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
    }

    #dvcYesPage .inlineErrors {
        margin-left: 20px;
    }

    #dvcYesPage .inlineErrors li:first-child {
        margin-top: -14px;
    }

}

/**************************************************
 * DVC Out to Sea Pages /thank-you/ - out-to-sea.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/

.dvcOutToSeaCta.dvcGlobalCtaContactInfo {
    padding-top: 25px;
    padding-bottom: 24px;
}

.dvcOutToSeaCta.dvcGlobalCtaContactInfo a {
    color: #fff;
}

.dvcOutToSeaCta.dvcGlobalCtaContactInfo .ctaHoursOfOperationLink a {
    line-height: 29px;
}

.dvcOutToSeaCta.dvcGlobalCtaContactInfo a i {
    font-size: 18px;
    margin-right: 8px;
    vertical-align: bottom;
}

.dvcOutToSeaCta.dvcGlobalCtaContactInfo > h2 {
    margin-bottom: 15px;
}

.dvcOutToSeaCta.dvcGlobalCtaContactInfo > div,
.dvcOutToSeaCta.dvcGlobalCtaContactInfo > strong {
    margin: 0;
    line-height: 20px;
}

.dvcOutToSeaCta.dvcGlobalCtaContactInfo .ctaHoursOfOperationLink {
    margin-top: 12px;
}
/**************************************************
 * DVC Tabbed Pages - tabbed-page.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcTabbedPage #pointChartModal .modal-dialog .modal-content .modal-body-inner {
        padding-top: 191px;
    }

    #dvcTabbedPage #pointChartModal .modal-dialog .modal-content .modal-body-inner .pointChartModalHeightContainer {
        padding-top: 176px;
    }

}
/**************************************************
 * Preview Centers - preview-centers.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/

.tour-overview-page .dvui-cta > .dvui-cta-divider,
.preview-centers-list-page .dvui-cta > .dvui-cta-divider {
    display: none;
}

.tour-overview-page .dvui-cta > .dvui-cta-divider,


.tour-overview-page .dvui-cta > h2 {
    margin-bottom: 18px;
}


/**
 * <RequestTour/>
 *
 * Preview Centers List Page
 *============================================================
 * /preview-centers/list
 *
 */

.tour-preview-centers-list-page .dvui-cta > .dvui-cta-divider {
    display: none;
}

.tour-preview-centers-list-page .dvui-cta > h2 {
    margin-bottom: 18px;
}
/**************************************************
 * Preview Centers - Schedule Visit (Request Tour) - preview-centers-schedule-visit.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: MACAK009 $
 * $Revision: #9 $
 * $Change: 1645717 $
 * $Date: 2016/10/05 $
 **************************************************/

/*!
 * Request Tour
 * ========================================
 * #pageToursRequestTour
 * /preview-centers/schedule-visit
 *
 */
#pageToursRequestTour {
    text-align: left;
}

#pageToursRequestTour .dvui-fieldset hr.hr-faded {
    margin-top: 24px;
    margin-bottom: 30px;
}

#pageToursRequestTour .uiToolTipContent {
    color: #253b56;
}

#pageToursRequestTour #email-hint-ca,
#pageToursRequestTour #email-hint {
    margin-bottom: 10px;
    max-width: 620px;
}

#pageToursRequestTour #permission-to-contact {
    margin-left: -2px;
    margin-right: -2px;
    padding-left: 2px;
    padding-right: 2px;
}

#pageToursRequestTour #phone-preferences {
    margin-left: -2px;
    margin-right: -2px;
    padding-left: 2px;
    padding-right: 2px;
}

#pageToursRequestTour .formResult {
    margin-bottom: 10px;
}

#pageToursRequestTour .formResult > span {
    display: block;
}

#pageToursRequestTour #profile-name,
#pageToursRequestTour #profile-address,
#pageToursRequestTour #profile-email {
    margin-bottom: 20px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
}

#pageToursRequestTour #profile-email {
    margin-bottom: 30px;
}

#pageToursRequestTour .dvui-fieldset > .media-table > .media-right > div > a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
}

#pageToursRequestTour hr.hr-faded {
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#dfdfdf 5%,#dfdfdf 95%,hsla(0,0%,100%,0)) repeat scroll 0 0 transparent;
}

}

#pageToursRequestTour .dvdFooterBody .dvdFooterInner {
    display: table!important;
    border-collapse: separate;
    border-spacing: 10px;
    width: 100%;
}

#pageToursRequestTour .dvdFooterBody .dvdFooterInner .btn-cancel {
    background: 0 0;
    color: #00739a;
    float: left;
    border: 2px solid #00739a;
    padding: 6px 20px;
}

#pageToursRequestTour .dvdFooterBody .dvdFooterInner .btn-success {
    background-color: #6fa623;
    color: #fff;
    float: right;
    padding: 8px 20px;
}

.dvdFooterInner .btn-cancel, #pageToursRequestTour .dvdFooterBody .dvdFooterInner .btn-success {
    border-radius: 4px;
    font-size: 14px;
    box-shadow: none;
    width: 160px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #pageToursRequestTour .registrationFrame {
        padding-left: 20px;
        padding-top: 15px;
        padding-bottom: 0;
    }

    #pageToursRequestTour .dvui-fieldset-header > h3 {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
    }

    #pageToursRequestTour .dvui-fieldset hr.hr-faded {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    #pageToursRequestTour .dvui-fieldset-row .dvui-fieldset-col-checkbox > label {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        padding-bottom: 8px;
    }

    #pageToursRequestTour .dvui-fieldset .formInputElement > label {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 600;
    }


    #pageToursRequestTour .dvui-fieldset-row .dvui-fieldset-col {
        margin-bottom: 24px;
    }

    #pageToursRequestTour .dvui-fieldset-row .dvui-fieldset-col.dvui-fieldset-col-last {
        margin-bottom: 0;
    }

    #pageToursRequestTour .dvui-fieldset-row .dvui-fieldset-col.dvui-fieldset-col-checkbox.dvui-fieldset-col-checkbox-last {
        margin-bottom: 0;
    }

    #pageToursRequestTour .dvui-fieldset-row .dvui-fieldset-col.dvui-fieldset-col-checkbox {
        margin-bottom: 0;
        padding-bottom: 5px;
    }

    #pageToursRequestTour .uiPlus .dvui-fieldset .textInput {
        margin-top: 9px;
    }

    #pageToursRequestTour .dvui-fieldset .selectBox {
        margin-top: 9px;
    }

    #pageToursRequestTour #profile-name,
    #pageToursRequestTour #profile-address,
    #pageToursRequestTour #profile-email {
        margin-bottom: 30px;

    }

    #pageToursRequestTour #profile-email {
        margin-bottom: 20px;

    }

    #pageToursRequestTour #requestTourName .inlineErrors {
        margin-top: 0;
    }


}

/* partialToursRequestTourKindInputs
 * =================== */

#partialToursRequestTourHeading .dvui-fieldset-header {
    padding-bottom: 0;
}

#partialToursRequestTourHeading .dvui-fieldset-header > div {
    margin: 0;
}

#partialToursRequestTourHeading .dvui-fieldset-header .mainDescription {
    margin: 0;

    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#partialToursRequestTourHeading #alert-error {
    margin-top: 14px;
}

/* mobile */
@media screen and (max-width: 767px) {

    #partialToursRequestTourHeading .dvui-fieldset-header {
        margin-top: 16px;
    }

    #partialToursRequestTourHeading .dvui-fieldset-header .mainDescription {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
    }

}

/* partialToursRequestTourKind
 * =================== */

#partialToursRequestTourKind .dvui-fieldset-header {
    padding-bottom: 18px;
}

#partialToursRequestTourKindInPersonInputsDateRange .datePicker {
    width: auto;
}
#partialToursRequestTourKindInPersonInputsDateRange .textInput input {
    width: 117px;
}

/* mobile */
@media screen and (max-width: 767px) {

    #partialToursRequestTourKind .dvui-fieldset-header {
        padding-bottom: 8px;
    }

}

/* partialToursRequestTourKindInPerson
 * =================== */

#partialToursRequestTourKindInPerson {
    margin-bottom: 30px;
}

/* mobile */
@media screen and (max-width: 767px) {

    #partialToursRequestTourKindInPerson {
        margin-bottom: 8px;
    }

}

/* partialToursRequestTourKindInPersonInputs
 * =================== */

#partialToursRequestTourKindInPersonInputs {
    margin-left: 25px;
}

/* mobile */
@media screen and (max-width: 767px) {

    #partialToursRequestTourKindInPersonInputs {
        margin-left: 0;
    }

}

/* partialToursRequestTourKindInPersonInputsDateRange
 * =================== */

#pageToursRequestTour .datePicker input {
    width: 110px;
    cursor: pointer;
}

#partialToursRequestTourKindInPersonInputsInMarket {
    margin-left: 0;
}

#partialPreviewLabels {
    margin: 0 -3px 11px 0;
    height: 40px;
    display: inline-block;
    width: 180px;
}

#partialPreviewLabels .partialPreviewLabelContent {
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-weight: 100;
    line-height: 18px;
    max-width: 167px;
    padding-top: 6px;
}

#partialToursRequestTourKindInPersonInputsDateRange .datePicker .ui-datepicker-trigger {
    background: url('/media/dvc_site/images/icon-calendar-hover.png') 1px 0 !important;
    top: 3px;
    right: 4px;

    height: 20px;
}

#partialToursRequestTourKindInPersonInputsDateRange .datePicker .ui-datepicker-trigger:hover, .testHover {
    background: url('/media/dvc_site/images/icon-calendar-hover.png') 1px -18px !important;
}

#partialToursRequestTourKindInPersonInputsDateRange .dvui-fieldset-col {
    float: left;
}

#partialToursRequestTourKindInPersonInputsDateRange #previewDateFromid-base {
    margin-right: 10px;
}


/* Mobile query */
@media screen and (max-width: 767px) {

    #partialToursRequestTourKindInPersonInputsDateRange .datePicker .ui-datepicker-trigger {
        right: 4px;
        top: 8px;
    }

    #pageToursRequestTour .datePicker input {
        font-size: 14px;
    }

    #partialToursRequestTourKindInPersonInputsDateRange #previewDateFromid-base {
        padding-right: 10px;
        margin-right: 0;
    }

    #partialToursRequestTourKindInPersonInputsDateRange #dateRangeLabel {
        margin-top: 15px;
    }

    #pageToursRequestTour #partialPreviewLabels {
        min-height: 40px;
        height: auto;
    }

    #pageToursRequestTour #partialPreviewLabels .partialPreviewLabelContent {
        margin-bottom: -4px;
        padding-top: 6px;
        max-width: 200px;

        font-family: Avenir-roman,Helvetica,Arial,sans-serif;
        font-weight: 100;
        line-height: 20px;
    }
}

/* partialToursRequestTourContactInfo
 * =================== */

#partialToursRequestTourContactInfo .dvui-fieldset-link {
    margin-top: 2px;
}

/* mobile */
@media screen and (max-width: 767px) {

    #partialToursRequestTourContactInfo .dvui-fieldset-link {
        margin-top: 8px;
    }

    #partialToursRequestTourContactInfo .dvui-fieldset-link .uiToolTip {
        margin-top: 0;
    }

}

/* partialToursRequestTourKindVirtualTourDesc
 * =================== */

#pageToursRequestTour .partialToursRequestTourKindVirtualTourDesc {
    display: block;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin-top: 7px;
    max-width: 620px;
    overflow: hidden;
}

/* partialToursRequestTourTerms
 * =================== */

#partialToursRequestTourTerms .inlineErrors {
    margin-left: 25px;
}

@media screen and (max-width: 767px) {

    #partialToursRequestTourTerms .inlineErrors {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        margin-top: 2px;
    }

}

/* <ContactInformation/>
 *==================*/

/* Mobile query */
@media screen and (max-width: 767px) {
    #pageRequestTour .sectionContactInfo .form-row {
        margin-bottom: 24px;
    }
    #pageRequestTour .sectionContactInfo .dvui-fieldset-row .dvui-fieldset-col:last-child {
        margin-bottom: 0;
    }
    #pageRequestTour .sectionContactInfo .dvui-fieldset > hr.hr-faded {
        margin-top: 31px;
        margin-bottom: 22px;
    }
}

/* <PhonePreferences/>
 *==================*/

/* Mobile query */
@media screen and (max-width: 767px) {
    #pageRequestTour .sectionPhonePreferences .dvui-fieldset > hr.hr-faded {
        margin-top: 31px;
        margin-bottom: 22px;
    }
}

/**************************************************
 * Card Order - card-order.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/

/**
 *====================================================
 * Card Order
 *-----------------------------------------------------------------------
 * MODULE
 * @url /card/order/
 *
 *
 * Page Road Map
 *
 * DVD Order Page                        <main>    #pageCardOrder
 * |
 * |-- Page Title                             <section> .sectionPageTitle
 * |-- Heading Note                       <section> .sectionHeadingNote
 * |-- My Viewing Preferences       <section> .sectionMyViewingPreferences
 * |-- About Me                              <section> .sectionAboutMe
 * |-- Permission To Contact          <section> .sectionPermissionToContact
 * |-- Keep Me Updated                 <section> .sectionKeepMeUpdated
 * |-- Member Referral                   <section> .sectionMemberReferral
 *
 *====================================================
 */

.card-page .dvui-cta > .dvui-cta-divider {
    display: none;
}

.card-page .dvui-cta > h2 {
    margin-bottom: 18px;
}

/* #pageDvdOrder #member_dummystateid-base .listWrapper, */
#pageCardOrder #dummystateid-base .listWrapper {
    height: 28px !important;
}

#pageCardOrder #dummystateid-base .innerListWrapper,
#pageCardOrder #member_dummystateid-base .innerListWrapper {
    overflow: hidden !important;
}

#pageCardOrder .change-membership-link {
    margin-left: 120px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #pageCardOrder .formHandler dt.dvui-col-xs-6 {
        float: left;
        position: relative;
        width: 50%;
    }

    #pageCardOrder .change-membership-link {
        margin-left: 0;
        display: block;
    }

    #pageCardOrder .formHandler dt.dvui-col-xs-8 {
        float: left;
        position: relative;
        width: 66.66666667%;
    }

    #pageCardOrder .formHandler dt.dvui-col-xs-7 {
        float: left;
        position: relative;
        width: 57%;
    }

    #pageCardOrder .formHandler dt.dvui-col-xs-5 {
        float: left;
        position: relative;
        width: 41.66666667%;
    }

    #pageCardOrder .formHandler dt.dvui-col-xs-4 {
        float: left;
        position: relative;
        width: 33.33333333%;
    }

    #pageCardOrder .formHandler dt.dvui-col-xs-5 .formInputElement {
        margin-left: 3.5%;
    }
}

/**************************************************
 * DVD Page - dvd.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/

.dvd-page .dvui-cta > .dvui-cta-divider {
    display: none;
}

.dvd-page .dvui-cta > h2 {
    margin-bottom: 18px;
}

.dvdDoneInnerContent  .innerContentMedia {
    margin-top: 20px;
}
/**************************************************
 * DVD Order Page - dvd-order.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: jovaldez $
 * $Revision: #8 $
 * $Change: 1649000 $
 * $Date: 2016/12/21 $
 **************************************************/

/**
 *====================================================
 * DVD Order
 *-----------------------------------------------------------------------
 * MODULE
 * @url /dvd/order/
 *
 *
 * Page Road Map
 *
 * DVD Order Page                        <main>    #pageDvdOrder
 * |
 * |-- Page Title                             <section> .sectionPageTitle
 * |-- Heading Note                       <section> .sectionHeadingNote
 * |-- My Viewing Preferences       <section> .sectionMyViewingPreferences
 * |-- About Me                              <section> .sectionAboutMe
 * |-- Permission To Contact          <section> .sectionPermissionToContact
 * |-- Keep Me Updated                 <section> .sectionKeepMeUpdated
 * |-- Member Referral                   <section> .sectionMemberReferral
 *
 *====================================================
 */

/* #pageDvdOrder #member_dummystateid-base .listWrapper, */
#pageDvdOrder {
    text-align: left;
}
#pageDvdOrder #dummystateid-base .listWrapper {
    height: 28px !important;
}

#pageDvdOrder #dummystateid-base .innerListWrapper,
#pageDvdOrder #member_dummystateid-base .innerListWrapper {
    overflow: hidden !important;
}

#pageDvdOrder .formResult > span {
    display: block;
}

#pageDvdOrder .formResult {
    margin-bottom: 20px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
}

#pageDvdOrder #about-me-information .dvui-fieldset .dvui-fieldset-row > .dvui-max-width-620 {
    margin: 0;
}

#pageDvdOrder #profile-email {
    margin-bottom: 30px;
}

#pageDvdOrder .dvui-fieldset > .media-table > .media-right > div > a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
}

#pageDvdOrder hr.hr-faded {
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#dfdfdf 5%,#dfdfdf 95%,hsla(0,0%,100%,0)) repeat scroll 0 0 transparent;
}

#pageDvdOrder div.dvui-fieldset-header h2 {
    font-size: 18px;
    font-weight: 600;
    font-family: Avenir,Helvetica,Arial,sans-serif;
}

@media screen and (max-width: 767px) {

    #pageDvdOrder .formHandler dt.dvui-col-xs-6 {
        float: left;
        position: relative;
        width: 50%;
    }

    #pageDvdOrder .formHandler dt.dvui-col-xs-8 {
        float: left;
        position: relative;
        width: 66.66666667%;
    }

    #pageDvdOrder .formHandler dt.dvui-col-xs-7 {
        float: left;
        position: relative;
        width: 58.33333333%;
    }

    #pageDvdOrder .formHandler dt.dvui-col-xs-5 {
        float: left;
        position: relative;
        width: 41.66666667%;
    }

    #pageDvdOrder .formHandler dt.dvui-col-xs-4 {
        float: left;
        position: relative;
        width: 33.33333333%;
    }

    #pageDvdOrder .formResult {
        margin-bottom: 20px;
    }

    #pageDvdOrder #profile-email {
        margin-bottom: 30px;

    }

    #pageDvdOrder #validate_emails {
        margin-top: 0;
    }

}

/* partialDvdOrderMemberReferral
 * =================== */

#partialDvdOrderMemberReferral .dvui-fieldset-radio-group {
    margin-top: 0;
}

@media screen and (max-width: 767px) {

    #pageDvdOrder .cn-3b {
       padding-right: 8px;
       margin-bottom: 0;
    }

    #pageDvdOrder .cn-3c {
       margin-bottom: 0;
    }

}

/* DVD Order: Permission To Contact
 * =================== */

#pageDvdOrder .sectionPermissionToContact .dvui-fieldset-row .modelIAgree.dvui-fieldset-col-checkbox {
    padding-bottom: 3px;
}

#pageDvdOrder .sectionPermissionToContact .dvui-fieldset-row .modelIAgree.dvui-fieldset-col-checkbox > label  p {
    margin-bottom: 0;
}

#pageDvdOrder .dvdFooterBody .dvdFooterInner .btn-cancel,
#pageDvdOrder .dvdFooterBody .dvdFooterInner .btn-success {
    border-radius: 4px;
    font-size: 14px;
    box-shadow: none;
    width: 160px;
}

#pageDvdOrder .dvdFooterBody .dvdFooterInner .btn-success {
    background-color: #6fa623;
    color: #fff;
    float: right;
    padding: 8px 20px;
}

#pageDvdOrder .dvdFooterBody .dvdFooterInner .btn-cancel {
    background: transparent;
    color: #00739a;
    float: left;
    border: 2px solid #00739a;
    padding: 6px 20px;
}

#pageDvdOrder .dvdFooterBody .dvdFooterInner {
      display: table !important;
      border-collapse: separate;
      border-spacing: 10px;
      width: 100%;
}

#pageDvdOrder.express-consent-language .express-consent-language-us {
    margin-top: 20px;
}

#pageDvdOrder.express-consent-language .isCaslCA .express-consent-language-us,
#pageDvdOrder.express-consent-language .checked-on {
    display: none;
}

#pageDvdOrder.express-consent-language

/* Mobile query */
@media screen and (max-width: 767px) {

    #partialDvdOrderPermissionToContactPrimaryPhoneRow .inlineErrors {
        margin-top: -22px;
    }

    #partialDvdOrderPermissionToContactSecondaryPhoneRow .inlineErrors {
        margin-top: -22px;
    }

    #pageDvdOrder {
        padding-left: 10px;
        padding-right: 10px;
    }

    #pageDvdOrder .dvdFooterBody .dvdFooterInner {
        display: table !important;
        border-collapse: separate;
        border-spacing: 10px;
        width: 100%;
    }

    #pageDvdOrder .dvdFooterBody .dvdFooterInner .btnCancel,
    #pageDvdOrder .dvdFooterBody .dvdFooterInner .btnSuccess {
        display: table-cell;
    }

    #pageDvdOrder .dvdFooterBody .dvdFooterInner .btnCancel {
        width: 33%;
    }

    #pageDvdOrder .dvdFooterBody .dvdFooterInner .btnSuccess {
        width: 66%;
    }

    #pageDvdOrder .dvdFooterBody .dvdFooterInner .btnCancel .btn-cancel,
    #pageDvdOrder .dvdFooterBody .dvdFooterInner .btnSuccess .btn-success {
        width: 100%;
    }

    #pageDvdOrder .dvdFooterBody .dvdFooterInner  .btnHolder {
        margin-left: -10px;
        margin-right: -10px;
    }

}
/**************************************************
 * DVD Order Lifestyle Page - dvd-order-lifestyle.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/

#pageDvdOrderLifestyle .dvui-fieldset-header {
    margin-bottom: 0;
    padding-bottom: 6px;
}

#pageDvdOrderLifestyle .dvui-fieldset-header h3 {
    margin-bottom: 6px;
}


@media screen and (max-width: 767px) {

    #pageDvdOrderLifestyle .dvui-fieldset-header {
        margin-top: 14px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

}

/* partialDvdOrderLifestyleContent
 * =================== */

@media screen and (max-width: 767px) {

    #pageDvdOrderLifestyle .partialDvdOrderLifestyleContent .dvui-fieldset-row > .dvui-fieldset-radio-group:first-child {
        margin-top: 19px;
    }

    #pageDvdOrderLifestyle .partialDvdOrderLifestyleContent {
        padding-bottom: 19px;
    }

}
/**************************************************
 * Welcome Friends Page - welcome-friends.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/

#pageWelcomeFriends {
    padding-top: 13px;
}

#pageWelcomeFriends.innerContentStage {
    padding: 0;
    box-shadow: none;
}

#pageWelcomeFriends .panel {
    margin-bottom: 0;
}

#pageWelcomeFriends > .dvui-panel  > .panel-body {
    padding-top: 15px;
}

@media screen and (max-width: 767px) {

    #pageWelcomeFriends > .dvui-panel > .panel-body {
        padding-top: 10px;
    }

}

#partialWelcomeFriendsHeroMedia img {
    border-radius: 12px;
    min-height: 0;
}

/* partialWelcomeFriendsContactInfo
 * =================== */
@media screen and (max-width: 767px) {

    #partialWelcomeFriendsContactInfo .dvui-fieldset-col.dvui-col-xs-5,
    #partialWelcomeFriendsContactInfo .dvui-fieldset-col.dvui-col-xs-7 {
        position: relative;
        float: left;
    }

    #partialWelcomeFriendsContactInfo .partialWelcomeFriendsContactInfoZipCol {
        padding-left: 9px;
    }

}

/*
 * WELCOME FRIENDS page
 * ========================================
 * @id #pageWelcomeFriends
 * @url /welcome-friend/
 *
 */

#pageWelcomeFriends .termsAndConditionsBlock {
    width: auto;
    height: 210px;
}

#pageWelcomeFriends .customScroll.termsAndConditionsBlock {
    border-radius: 6px;
}

#pageWelcomeFriends .termsAndConditionsBlock .scrollTrack {
    z-index: -1;
}

#pageWelcomeFriends .termsAndConditionsBlock p {
    margin: 11px 34px 10px 5px;
    line-height: 16px;
    text-align: justify;
}

#pageWelcomeFriends .termsAndConditionScrollTrack {
    overflow-y: auto;
    height: 200px;
}

#pageWelcomeFriends .contactPreferences {
    display: block;
    margin: 0 0 14px;
}

#pageWelcomeFriends .contactPreferences>span,
#pageWelcomeFriends .contactPreferences>label {
    display: inline-block;
}

#pageWelcomeFriends .contactPreferences span {
    width: 28px;
    vertical-align: top;
}

#pageWelcomeFriends .contactPreferences label {
    font-family: Avenir-roman;
    line-height: 18px;
    font-weight: 400;
    max-width: 520px;
    font-size: 14px;
}

/**************************************************
 * Membership Referral Page - membership-referral.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/

#pageMembersReferral .dvui-panel-lg > .panel-heading {
    background: #fff;
    border-radius: 10px 10px 0 0;
    font-family: Avenir-roman;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 40px;
}

/* partialMembersReferralHeading
 * =================== */
@media screen and (max-width: 767px) {

    #partialMembersReferralHeading .dvui-fieldset-header {
        padding-bottom: 0;
    }

}

/* partialMembersReferralContactReferral
 * =================== */

#partialMembersReferralContactReferral .linkSpan {
    margin-top: 0;
}

@media screen and (max-width: 767px) {

    #partialMembersReferralContactReferral .dvui-fieldset-header > small {
        float: right;
        position: relative;
        top: 6px;
    }

}

/**************************************************
 * Confirmation Thank You Page - confirmation-thank-you.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/

#pageConfirmation {
    max-width: none;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding-left: 0;
    padding-right: 0;
}

#pageConfirmation .text-muted {
    color: #768aa0;
}

#pageConfirmation .text-sm {
    font-size: 12px;
}

#pageConfirmation .max-width-620 {
    max-width: 620px;
}

#pageConfirmation .panel {
    background-color: #FFF;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

#pageConfirmation .panel.panel-lg {
    border-color: transparent;
    border-radius: 12px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

#pageConfirmation .panel.panel-lg .panel-heading {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: none;
    padding: 15px;
}

#pageConfirmation .panel.panel-lg .panel-body {
    padding: 40px;
}

#pageConfirmation h3 {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {

    #pageConfirmation.dvui-container {
        margin-top: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #pageConfirmation .max-width-620 {
        max-width: none;
    }

    #pageConfirmation .registrationFrame {
        padding: 10px;
    }

    #pageConfirmation .panel.panel-lg .panel-body {
        padding: 18px 10px 22px;
    }

}

#pageConfirmation .partialConfirmationThankYou {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 40px;
}


#pageConfirmation .partialConfirmationThankYou h1 {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-weight: 100;
    line-height: 36px;
    margin-bottom: 10px;
}

#pageConfirmation .partialConfirmationThankYou .mainDescription {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 0;
}

#pageConfirmation .partialConfirmationThankYou .partialConfirmationSharingInfo {
    margin-top: 36px;
}


/*--------------------------------------------------
 * Story Cards
 *--------------------------------------------------*/

/********** Heading **********/

#pageConfirmation .partialConfirmationStoryCards.panel {
    padding: 5px;
    margin-bottom: 7px;
}

#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-heading {
    background: #EBF6FC;
    border-bottom: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 0 35px 0 75px;
}

#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-heading .dvui-storycard {
    padding-top: 23px;
    padding-bottom: 23px;
}

#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-heading .input-group-addon > img {
    position: absolute;
    bottom: -15px;
    right: -20px;
    width: 140px;
}

#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-heading h1 {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 36px;
}

#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-heading .dvui-storycard .form-control {
    font-size: 14px;
}

/********** Body **********/

#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body {
    padding: 0 26px 11px 30px;
}

#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardWrapper > .horizontalSeparator:first-child  {
    display: none;
}

#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardWrapper .dvcss-storycard:first-child > hr.dvcss-hr-faded {
    display: none;
}

/********** Media Object **********/

#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardWrapper .dvcss-storycard .storyCardImageHolder img {
    margin-left: auto;
    margin-bottom: -6px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardWrapper .dvcss-storycard .storyCardImageHolder {
        display: table-cell;
        width: 1%;

        vertical-align: top;
    }

    #pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardWrapper .dvcss-storycard .storyCardImageHolder img {
        max-width: none;
        width: 35px;
    }

}

/********** Main Desc **********/

#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .dvcss-storycard-inner  {
    margin: 0;
    padding: 38px 0 31px;
}

#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .dvcss-storycard-inner .storyCardDescription {
    padding: 0;
    padding-left: 24px;
    max-width: 620px;
}

#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardWrapper .dvcss-storycard .storyCardDescription .dvcss-storycard-title {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 27px;
}

#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardWrapper .dvcss-storycard .storyCardDescription .dvcss-storycard-desc .pageLess,
#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardWrapper .dvcss-storycard .storyCardDescription .dvcss-storycard-desc .pageMore {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .dvcss-storycard-inner .storyCardDescription {
        position: static;
        max-width: 180px;
        padding-left: 12px;
    }

    #pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardWrapper .dvcss-storycard .storyCardDescription .dvcss-storycard-title {
        margin-bottom: 5px;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
    }

    #pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardWrapper .dvcss-storycard .storyCardDescription .dvcss-storycard-desc .pageLess,
    #pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardWrapper .dvcss-storycard .storyCardDescription .dvcss-storycard-desc .pageMore {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }

    #pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .dvcss-storycard-inner  {
        margin: 0;
        padding: 19px 0 17px 5px;
    }

    #pageConfirmation .partialConfirmationStoryCards .dvcss-storycard .dvcss-storycard-body .dvcss-storycard-caret {
        font-size: 20px;
    }

}


#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardWrapper > .customHorizontalSeparator:last-child {
    display: none!important;
}

#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardBlock dt.storyCardImageHolder {
    max-width: 50px;
    width: 50px;
}

#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardDescription h4 {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-weight: 100;
    line-height: 27px;
    margin-bottom: 9px;
    max-width: 620px;
}


#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardDescription p,
#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardDescription span {
    display: block;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    max-width: 620px;
}


#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardBlock dt:last-child {
    height: auto;
}

#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .dvui-storycard .input-group-addon > .dvui-icon {
    width: 50px;
}

#pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .dvui-storycard .form-control h2 {
    font-weight: 100;
    padding-top: 0;
    margin-top: 0;
}


/* Mobile query */
@media screen and (max-width: 767px) {

    #pageConfirmation .partialConfirmationThankYou {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 20px;
    }

    #pageConfirmation .partialConfirmationThankYou.panel.panel-lg {
        border-radius: 4px;
    }

    #pageConfirmation .partialConfirmationThankYou h1 {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
        margin-bottom: 15px;
    }

    #pageConfirmation .partialConfirmationThankYou .mainDescription {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 0;
    }

    #pageConfirmation .partialConfirmationThankYou h1 strong {
        font-weight: 100;
    }

    #pageConfirmation .partialConfirmationStoryCards.panel {
        border-radius: 4px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 20px;
        padding: 18px 10px 0;
        margin-bottom: -4px;
    }

    #pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-heading {
        background: none;
        padding: 0;
        margin-bottom: 5px;
    }

    #pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-heading h1 {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 25px;
        margin-bottom: 3px;
    }

    #pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body {
        padding: 0;
    }

    #pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardBlock dt.storyCardImageHolder {
        display: table-cell;
        max-width: 35px;
        width: 35px;
    }

    #pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardBlock dt.storyCardImageHolder > img {
        position: relative;
        top: -4px;
    }


    #pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardDescription h4 {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 10px;
        max-width: 180px;
    }

    #pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardDescription p,
    #pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardDescription span {
        display: block;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        max-width: 100%;
    }


    #pageConfirmation .partialConfirmationStoryCards.panel.panel-lg .panel-body .storyCardBlock span.pepMdxIcon {
        font-size: 20px;
    }

}

/**************************************************
 * Special Offers Page - special-offers.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #2 $
 * $Change: 1636081 $
 * $Date: 2016/06/21 $
 **************************************************/

#pageSpecialOffers .partialSpecialOffersDisclaimerText p {
    color: #78899e;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    padding: 20px 20px 18px 0;
}

#pageSpecialOffers .dvui-cta {
    padding: 22px 20px 11px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #pageSpecialOffers .partialSpecialOffersDescription p {
        margin-bottom: 24px;
    }

    #pageSpecialOffers .partialSpecialOffersDisclaimerText p {
       padding: 20px 0 0;
       margin-bottom: -3px;
    }

    #pageSpecialOffers .shareAlinkWrap {
        margin-bottom: 21px;
    }

}

.special-offers-page-members-logged-in .dvui-pull-right .ctaWidgetWrapper > div {
    margin: 0;
}

.special-offers-page-members-logged-in  .dvui-cta {
    padding-bottom: 30px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .special-offers-page-members-logged-in h1.contentPageTitle {
        line-height: 25px;
    }

    .special-offers-page-members-logged-in .inner-content-row .ctaWidgetWrapper {
        padding-bottom: 30px;
    }

    .special-offers-page-members-logged-in .inner-content-row .storyCardBlock .storyCardDescription span.collapseStory {
        margin-top: 5px;
    }

    .special-offers-page-members-logged-in .inner-content-row div.disclaimerText > div.horizontalSeparator {
        display: block !important;
    }
    
}

/**************************************************
 * Discounts Perks Offers - discounts-perks-offers.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1635963 $
 * $Date: 2016/06/20 $
 **************************************************/

/**======================================================================
 * Discounts Perks Offers
 *-----------------------------------------------------------------------
 * MODULE
 * @url /discounts-perks-offers/
 *
 *
 * Page Road Map
 *
 * Discounts Perks Offers Page                <main>    #dvcDiscountsPerksOffersListingPage
 * |
 * |-- Page Title                            <section> .sectionPageTitle
 * |-- List Filters                            <section> .sectionListFilters
 * |-- Check More Offers
 * |     |
 * |     |-- Logged Out                        <section> .sectionGuestCheckMoreOffers
 * |
 * |-- Filter Results Text                    <section> .sectionFilterResultsText
 * |     |
 * |     |-- Desktop
 * |     |-- Mobile
 * |
 * |-- Offers Listing                        <section> .sectionOffersListing
 * |     |
 * |     |-- Messaging Blocks
 * |
 * |-- View More Results                    <section> .sectionViewMoreResults
 * |-- Disclaimer                            <section> .sectionDisclaimer
 *
 *======================================================================= */

#dvcDiscountsPerksOffersListingPage h1 {
    padding-top: 20px;
}

#dvcDiscountsPerksOffersListingPage h1 small a {
    color: #FFF;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    vertical-align: baseline;
    margin-right: 20px;
}

#dvcDiscountsPerksOffersListingPage h1 small a .pepMdxIcon {
    position: relative;
    top: 2px;
    font-size: 15px;
    margin-right: 5px;
    vertical-align: baseline;
}

#dvcDiscountsPerksOffersListingPage .dvcss-form .formInputElement .selectBox {
    width: 150px;
}

/* Mobile Query */
@media screen and (max-width: 767px) {

    #dvcDiscountsPerksOffersListingPage #sectionViewPerksLink .media {
        overflow: visible;
    }

    #dvcDiscountsPerksOffersListingPage #sectionViewPerksLink a .pepMdxIcon {
        font-size: 20px;
        margin-right: 5px;
        line-height: 1;
    }

    #dvcDiscountsPerksOffersListingPage #sectionViewPerksLink .media-body {
        padding-bottom: 1px;
        margin-top: -2px;
    }

    #dvcDiscountsPerksOffersListingPage #sectionViewPerksLink a {
        color: #253b56;
    }

    #dvcDiscountsPerksOffersListingPage .dvcss-page-header > h1,
    #dvcDiscountsPerksOffersListingPage .dvcss-page-header > h2 {
        padding-top: 9px;
        padding-bottom: 0;

        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
    }

}


/**----------------------------------------
 * List Filters
 *        <section> .sectionListFilters
 *-----------------------------------------*/

#dvcDiscountsPerksOffersListingPage #dvcDiscountsPerksOffersFilters .dropdown-toggle:hover {
    text-decoration: underline;
}

#dvcDiscountsPerksOffersListingPage .dvcDiscountsPerksOffersFilters .nav-tabs > li {
    width: 1%;
}

#dvcDiscountsPerksOffersListingPage .dvcDiscountsPerksOffersFilters .nav-tabs > li > a .dvcss-pull-right {
    position: absolute;
    top: 50%;
    right: 6px;
    margin-top: -12px;
}

#dvcDiscountsPerksOffersListingPage #dvcDiscountsPerksOffersListingFilters.dvcss-panel-nav .nav-tabs > li:first-child > a {
    padding: 36px 10px 32px 20px;
}

/* Mobile Query */
@media screen and (max-width: 767px) {

    #dvcDiscountsPerksOffersListingPage .dvcDiscountsPerksOffersFilters .nav-tabs > li {
        width: auto;
    }

    #dvcDiscountsPerksOffersListingPage #dvcDiscountsPerksOffersFilters a:hover {
        text-decoration: none;
    }

}


/**----------------------------------------
 * Check More Offers
 *        <section> .sectionGuestCheckMoreOffers
 *-----------------------------------------*/

#dvcDiscountsPerksOffersListingPage .sectionGuestCheckMoreOffers .panel-heading {
    padding: 20px;
    border-bottom: 1px solid #dfdfdf;
}

#dvcDiscountsPerksOffersListingPage #dvcDestinationCheckAvailabilitySignin {
    padding-top: 1px;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    overflow: visible;
}

#dvcDiscountsPerksOffersListingPage #dvcDestinationCheckAvailabilitySignin.media > .dvcss-pull-left {
    margin-right: 6px;
}

#dvcDiscountsPerksOffersListingPage #dvcDestinationCheckAvailabilitySignin.media > .dvcss-pull-left .dvcss-pepmdxicon {
    top: -1px;
    margin-left: -3px;

    font-size: 20px;
}



/* Mobile Query */
@media screen and (max-width: 767px) {

    #dvcDiscountsPerksOffersListingPage .sectionGuestCheckMoreOffers .panel-heading {
        padding: 15px 9px 11px;
    }

    #dvcDiscountsPerksOffersListingPage #dvcDestinationCheckAvailabilitySignin.media .media-body {
        padding-bottom: 4px;
    }

}

/*!----------------------------------------
 * Filter Results Text
 *        <section> .sectionFilterResultsText
 *-----------------------------------------*/

/* #dvcDiscountsPerksOffersListingResult */
#dvcDiscountsPerksOffersListingPage .sectionFilterResultsText .dvcFilterResultsTextColumn {
    display: table-cell;
    float: none;
    width: auto;
    margin-top: 1px;
    padding-right: 10px;
    vertical-align: top;

    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

#dvcDiscountsPerksOffersListingPage .sectionFilterResultsText .dvcFilterResultsSortColumn {
    display: table-cell;
    float: none;
    width: 1%;
    vertical-align: top;
}

#dvcDiscountsPerksOffersListingPage .sectionFilterResultsText .dvcFilterResultsSortColumn .formInputElement {
    white-space: nowrap;
}

#dvcDiscountsPerksOffersListingResult .dvcFilterResultsTextResults {
    position: relative;
    top: -1px;
    max-width: 620px;
}

#dvcDiscountsPerksOffersListingResult .dvcFilterResultsTextCountWrapper span {
    display: inline;
    line-height: 24px;
    vertical-align: bottom;
}

#dvcDiscountsPerksOffersListingResult .dvcFilterResultsTextResults .pipeLine {
    padding-left: 4px;
    padding-right: 3px;

    color: #A1AFC0;
    font-size: 11px;
}

#dvcDiscountsPerksOffersListingResult .dvcFilterResultsTextResults #selectedFilterLabel {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

#dvcDiscountsPerksOffersListingResult .dvcFilterResultsTextResults .clearAllFilters {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
}

#dvcDiscountsPerksOffersListingPage #dvcDiscountsPerksOffersListingFilters .selectBox {
    margin-top: 0;
    margin-bottom: 0;
}

#dvcDiscountsPerksOffersListingFilters #dvcDestinationsListResult {
    display: inline-block;

    color: #253b56;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

#dvcDiscountsPerksOffersListingFilters .dvcDestinationsSortBy .formInputElement label {
    margin: 0;
    padding: 0 15px;

    color: #253b56;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    text-align: right;
}

#dvcDiscountsPerksOffersListingFilters .dvcDestinationsSortBy .selectBox {
    margin: 0;
}

#dvcDiscountsPerksOffersListingFilters.panel-body {
    border-bottom: 1px solid #ddd;
    padding: 13px 20px 16px;
}

#dvcDiscountsPerksOffersListingFilters .form-horizontal label {
    color: #253b56;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 0;
    margin-right: 15px;
    padding: 0;
    text-align: right;
    vertical-align: middle;
}

/** Mobile query **/
@media screen and (max-width: 767px) {

    /*#dvcDiscountsPerksOffersListingResult */
    #dvcDiscountsPerksOffersListingPage .sectionFilterResultsText .dvcFilterResultsTextColumn {
        display: block;
        float: none;
        max-width: none;
        width: auto;
        margin-top: 1px;
        padding-right: 0;
        vertical-align: top;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 40px;
    }

    #dvcDiscountsPerksOffersListingFilters.panel-body {
        padding: 10px 10px 11px;
    }

    #dvcDiscountsPerksOffersListingFilters #dvcDestinationsListResult {
        margin-top: 9px;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

    #dvcDiscountsPerksOffersListingFilters .dvcFilterResultsTextCountWrapper::before,
    #dvcDiscountsPerksOffersListingFilters .dvcFilterResultsTextCountWrapper::after {
        display: table;
        content: " ";
    }

    #dvcDiscountsPerksOffersListingFilters .dvcFilterResultsTextCountWrapper::after {
        clear: both;
    }

    #dvcDiscountsPerksOffersListingFilters .dvcFilterResultsTextCountWrapper {
        line-height: 40px;
    }

    #dvcDiscountsPerksOffersListingResult .dvcFilterResultsTextCountWrapper span {
        display: inline;
        line-height: 40px;
        vertical-align: middle;
    }

    #dvcDiscountsPerksOffersListingFilters .dvcFilterResultsTextResults::before,
    #dvcDiscountsPerksOffersListingFilters .dvcFilterResultsTextResults::after {
        display: table;
        content: " ";
    }

    #dvcDiscountsPerksOffersListingFilters .dvcFilterResultsTextResults::after {
        clear: both;
    }

    #dvcDiscountsPerksOffersListingFilters .dvcFilterResultsTextResults {
        display: block;
        top: 0;
        margin: 11px -10px -11px -10px;
        padding: 9px 9px 7px;
        max-width: none;

        background-color: #e5f3f8;
        border-top: 1px solid #dfdfdf;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 10px;
        font-weight: 400;
        line-height: 14px;
    }

    #dvcDiscountsPerksOffersListingResult .dvcFilterResultsTextResults #selectedFilterLabel {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 10px;
        font-weight: 400;
        line-height: 14px;
    }

    #dvcDiscountsPerksOffersListingResult .dvcFilterResultsTextResults .clearAllFilters {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 10px;
        font-weight: 400;
        line-height: 14px;
    }

    #dvcDiscountsPerksOffersListingFilters .dvcFilterResultsTextResults .pipeLine {
        display: none;
    }

}

/**----------------------------------------
 * Offers Listing
 *        <section> .sectionOffersListing
 *-----------------------------------------*/

/***** Listing Item *****/
#dvcDiscountsPerksOffersListingPage .sectionOffersListing .dvcss-listing-item .media-body-left .media-object-wrapper {
    width: 170px;
}
#dvcDiscountsPerksOffersListingPage .sectionOffersListing .dvcss-listing-item .media-body-left .media-object.lazy {
    margin: 0 auto;
    width: auto;
}

/** Mobile query **/
@media screen and (max-width: 767px) {
    #dvcDiscountsPerksOffersListingPage .sectionOffersListing .dvcss-listing-item .dvcss-listing-item-card-media .media-object.lazy {
        margin: 0 auto;
        width: auto;
    }
}


#dvcDiscountsPerksOffersListingPage .dvcFeaturedBox {
    position: absolute;
    top: -20px;
    left: 50px;
    width: 100px;
    z-index: 1;
    padding-bottom: 15%;
    background-color: #ff4605;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
    background-clip: content-box;
    overflow: hidden;
}

#dvcDiscountsPerksOffersListingPage .dvcFeaturedBox:after {
    content: " ";

    position: absolute;
    top: 12px;
    left: 52%;
    background-color: inherit;
    padding-bottom: 11%;
    width: 52%;
    z-index: -1;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(6deg) skewX(-78deg);
    -ms-transform: rotate(6deg) skewX(-78deg);
    transform: rotate(6deg) skewX(-78deg);
}

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card {
    padding-bottom: 18px;
}

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item .media {
    padding-right: 30px;
}

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item .media-body {
    overflow: visible;
}

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item .media-body-center {
    padding-right: 0;
    width: auto;
}

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item .media-body-right {
    position: relative;
    padding: 0 0 0 50px;
    width: 23%;
}

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item .media-body-right .dvcss-list-helper {
    float: left;
}

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item .media-body-right .uiToolTip {
    margin-top: 15px;
    margin-left: -12px;
    white-space: normal;
}

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-center .dvcss-listing-item-card-description {
    max-width: 470px;
}

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-center .dvcss-listing-item-card-description.clickable {
    text-decoration: none;
}

#dvcDiscountsPerksOffersListingPage span.expandStory,
#dvcDiscountsPerksOffersListingPage span.collapseStory {
    color: #00739a;
    cursor: pointer;
}

#dvcDiscountsPerksOffersListingPage span.expandStory:focus,
#dvcDiscountsPerksOffersListingPage span.expandStory:hover,
#dvcDiscountsPerksOffersListingPage span.collapseStory:focus,
#dvcDiscountsPerksOffersListingPage span.collapseStory:hover  {
    text-decoration: underline;
}

#dvcDiscountsPerksOffersListingPage .dvcss-pepmdxicon-next {
    margin-right: 12px;
}

#dvcDiscountsPerksOffersListingPage .pageLess,
#dvcDiscountsPerksOffersListingPage .pageMore {
    margin-top: 9px;
}

#dvcDiscountsPerksOffersListingPage .pageMore p {
    margin-bottom: 12px;
}

#dvcDiscountsPerksOffersListingPage .pageMore ul {
    padding: 0 0 0 12px;
}

#dvcDiscountsPerksOffersListingPage .pageMore li {
    margin-bottom: 6px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDiscountsPerksOffersListingPage .dvcss-listing-item .media {
        padding-right: 0;
    }

    #dvcDiscountsPerksOffersListingPage .dvcss-listing-item .media-body-right {
        padding: 0;
        width: auto;
    }

    #dvcDiscountsPerksOffersListingPage .dvcss-listing-item .media-body-right .uiToolTip {
        margin-top: 17px;
        margin-left: -16px;
    }

    #dvcDiscountsPerksOffersListingPage .dvcss-listing-item .media-body-right .uiToolTip .uiToolTipBox {
        display: none!important;
        visibility: hidden!important;
    }

}


/**----------------------------------------
 * Messaging Blocks
 *
 *-----------------------------------------*/

/***** Not Available *****/

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcMessageBlocksNotAvailable {
    min-width: 140px;
    max-width: 150px;
    white-space: normal;
}

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcMessageBlocksNotAvailable .dvcMessageBlocksNotAvailableTitle {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcMessageBlocksNotAvailable .dvcMessageBlocksNotAvailableDesc {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcMessageBlocksNotAvailable {
        margin-top: 17px;
        margin-bottom: -1px;

        min-width: 0;
        white-space: normal;
        max-width: 200px
    }

    #dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcMessageBlocksNotAvailable .dvcMessageBlocksNotAvailableTitle {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcMessageBlocksNotAvailable .dvcMessageBlocksNotAvailableDesc {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }

}

/***** Helper Title *****/

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcListHelperTitle {
    color: #ff6633;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#dvcDiscountsPerksOffersListingPage .dvcss-dt-cell.media-body-right:hover a {
    text-decoration: none;
}

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card:hover .media-body-right .dvcMessageBlocksNotAvailable {
    color: #253b56;
}
#dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcMessageBlocksNotAvailable {
    color: #253b56;
}


#dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcListHelperTitle + .dvcss-list-helper {
    margin-top: 5px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcMessagingBlock {
        margin-top: 20px;
        margin-bottom: -7px;
    }

    #dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcListHelperTitle {
        margin-top: 0;
        padding-bottom: 7px;
    }

}

/***** Helper List *****/

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcss-list-helper > li label {
    margin-bottom: -1px;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcss-list-helper > li small {
    margin-top: -1px;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcss-list-helper > li strong > sup {
    top: 1px;

    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    vertical-align: top;
}

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcss-list-helper > li strong > sub {
    display: inline-block;
    top: 1px;
    bottom: 0;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    vertical-align: top;
}

#dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcss-list-helper > li strong > sub > b {
    display: block;
    margin-bottom: 3px;

    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcss-list-helper {
        float: left;

        margin-top: 1px;
        margin-bottom: 1px;
    }

    #dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcListHelperTitle + .dvcss-list-helper {
        margin-top: 1px;
    }

    #dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcss-list-helper > li label {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

    #dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcss-list-helper > li small {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

    #dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcss-list-helper > li strong {
        margin-top: 1px;

        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 25px;
        font-weight: 600;
        line-height: 28px;
    }

    #dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcss-list-helper > li strong > sup {
        top: 2px;

        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 15px;
        font-weight: 600;
    }

    #dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcss-list-helper > li strong > sub {
        top: 2px;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 9px;
        font-weight: 400;
    }

    #dvcDiscountsPerksOffersListingPage .dvcss-listing-item-card .media-body-right .dvcss-list-helper > li strong > sub > b {
        margin-bottom: -2px;

        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
    }


}


/**----------------------------------------
 * View More Results
 *         <section> .sectionViewMoreResults
 *-----------------------------------------*/

#dvcDiscountsPerksOffersListingPage #dvcOffersListingLoadMoreWrapper {
    padding-top: 8px;
    padding-bottom: 11px;
}

#dvcDiscountsPerksOffersListingPage #dvcOffersListingLoadMoreWrapper .btn {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDiscountsPerksOffersListingPage #dvcOffersListingLoadMoreWrapper {
        padding-top: 5px;
        padding-bottom: 6px;
    }

    #dvcDiscountsPerksOffersListingPage #dvcOffersListingLoadMoreWrapper .btn {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

}

/**----------------------------------------
 * Disclaimer
 *         <section> .sectionDisclaimer
 *-----------------------------------------*/

#dvcDiscountsPerksOffersListingPage .disclaimerText {
    padding: 0 20px 20px;
    margin: 0;
}

#dvcDiscountsPerksOffersListingPage .disclaimerText .horizontalSeparator {
    margin: 0 -20px 20px;
    width: auto;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDiscountsPerksOffersListingPage .disclaimerText {
        margin-top: 0!important;
    }

    #dvcDiscountsPerksOffersListingPage .disclaimerText .horizontalSeparator.hidden-xs {
        display: block!important;
        margin: 0 -20px 20px;
        width: auto;
    }

    #dvcDiscountsPerksOffersListingPage .disclaimerText {
        padding: 0 10px 20px 10px;
    }

    #dvcDiscountsPerksOffersListingPage .disclaimerText > div.horizontalSeparator.hidden-xs {
        margin: 0 -10px 20px;
    }

}

/**----------------------------------------
 * No Results Found
 *         <section> .sectionNoResultsFound
 *-----------------------------------------*/

#dvcDiscountsPerksOffersListingPage .dvcDiscountsPerksOffersListingNoResultsFound {
    height: 130px;
    padding-top: 40px;
    text-align: center;
}

/*------------------------------------------------------------
 * Discounts, Perks and Offers Filter
 *------------------------------------------------------------
 * section
 *
 */

#dvcDiscountsPerksOffersFilters .dvcss-panel-nav .checkbox .span {
    color: #00739a;

    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}

#dvcDiscountsPerksOffersFilters #members-extras-filter-type-grouping .dvcss-pull-right {
    position: absolute;
    top: 50%;
    right: 6px;
    margin-top: -12px;
}

#dvcDiscountsPerksOffersFilters #members-extras-locations-grouping .dvcss-pull-right,
#dvcDiscountsPerksOffersFilters #members-extra-filter-locations-disneyland-grouping .dvcss-pull-right {
    position: absolute;
    top: 50%;
    right: 6px;
    margin-top: -12px;
}

#dvcDiscountsPerksOffersFilters #discounts-perks-offers-filter-locations-other-destinations-grouping .dvcss-pull-right {
    position: absolute;
    top: 50%;
    right: 6px;
    margin-top: -12px;
}

#dvcDiscountsPerksOffersFilters li.nav-divider:last-child {
    display: none;
}

#dvcDiscountsPerksOffersListingPage .dvcss-panel > .panel-nav .nav-tabs > li > a {
    position: static;
    max-width: 233px;
    padding-right: 46px;
}

/*
#dvcDiscountsPerksOffersListingPage .dvcss-panel > .panel-nav .nav-tabs > li#discounts-perks-offers-filter-locations-other-destinations-grouping > a {
    width: 230px;
}
*/

.dvcss-panel > .panel-nav .nav-tabs > li#discounts-perks-offers-filter-locations-other-destinations-grouping.open {
    border-top-right-radius: 12px;
}

#discounts-perks-offers-filter-locations-other-destinations-grouping div.dropdown-menu {
    left: auto;
    right: 0;
    padding-top: 17px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDiscountsPerksOffersFilters {
        padding: 20px;
    }

}

/* Desktop query */
@media screen and (min-width: 768px) {

    #dvcDiscountsPerksOffersFilters .nav-tabs .dropdown-menu .panel > .collapse {
        display: block;
        height: auto!important;
    }
        #dvcDiscountsPerksOffersFilters .nav-tabs .dropdown-menu .panel > .collapse:nth-of-type(2) {
            margin-top: 0;
        }
        #dvcDiscountsPerksOffersFilters .nav-tabs .dropdown-menu .panel > .collapse:not(:nth-of-type(2)) {
            padding-top: 8px;
        }
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDiscountsPerksOffersFilters {
        display: none;
    }
        #dvcDiscountsPerksOffersFilters.dvcss-modal-opened-xs {
            display: block;
            position: fixed;
            top: 0!important;
            left: 0;
            z-index: 100004;

            height: 100%!important;
            width: 100%;

            background: #ebf6fc;
        }
        #dvcDiscountsPerksOffersFilters.dvcss-modal-opened-xs .panel-nav-body {
            position: relative;

            height: 100%;
        }

        #dvcDiscountsPerksOffersFilters .nav-tabs {
            position: absolute;
            top: 0!important;
            bottom: 71px!important;
            left: 0;

            padding-bottom: 0;
            width: 100%;

            background: none;
            overflow-y: auto;
        }
        #dvcDiscountsPerksOffersFilters .nav-tabs > li {
            display: block;

            border: 0;
            margin: 0;
        }
        .dvcss-panel > #dvcDiscountsPerksOffersFilters .nav-tabs > li.open:after {
            display: none;
        }
        #dvcDiscountsPerksOffersFilters .nav-tabs > li > a {
            display: none;
        }
        #dvcDiscountsPerksOffersFilters .nav-tabs > li.nav-divider {
            display: none;
        }
        #dvcDiscountsPerksOffersFilters .nav-tabs .dropdown-menu {
            display: block;
            position: relative;
            top: 0;
            left: 0;
            float: none;

            background: none;
            border-radius: 0;

            margin: 0;
            padding: 0;
            z-index: auto;

            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }
        #dvcDiscountsPerksOffersFilters .nav-tabs .dropdown-menu .panel {
            background: none;
            border: 0;
            margin-bottom: 0;

            box-shadow: none;
        }

        #dvcDiscountsPerksOffersFilters .nav-tabs .dropdown-menu .panel .panel-heading {
            padding: 2px 13px 1px;

            background: #fff;
            border-bottom: 1px solid #dfdfdf;
        }

        #dvcDiscountsPerksOffersFilters .nav-tabs .dropdown-menu .panel .panel-heading a {
            color: #00739a;
            font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
            font-size: 12px;
            font-weight: 600;
            line-height: 32px;
            vertical-align: middle;
        }
        #dvcDiscountsPerksOffersFilters .nav-tabs .dropdown-menu .panel .panel-heading .caret {
            position: relative;
            top: -2px;

            border-top: 7px solid;
            border-right: 7px solid transparent;
            border-left: 7px solid transparent;
            margin-right: 10px;
        }
        #dvcDiscountsPerksOffersFilters .nav-tabs .dropdown-menu .panel .panel-heading .collapsed .caret {
            position: relative;
            left: 5px;

            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
            border-right: 0;
            border-left: 7px solid;
            color: #a1afc0;
        }

        #dvcDiscountsPerksOffersFilters .nav-tabs .dropdown-menu .panel .panel-heading a.collapsed {
            color: #253b56;
        }

        #dvcDiscountsPerksOffersFilters .nav-tabs .dropdown-menu .panel .panel-heading .dvcss-pepmdxicon {
            top: 4px;
            margin-right: 8px;

            font-size: 16px;
        }

        #dvcDiscountsPerksOffersFilters .nav-tabs .dropdown-menu .panel .panel-heading a.collapsed .dvcss-pepmdxicon {
            top: 3px;
            left: 1px;

            color: #a1afc0;
        }

        #dvcDiscountsPerksOffersFilters .form-row,
        #dvcDiscountsPerksOffersFilters .dvcss-form .form-row {
            display: table;
            position: relative;

            padding: 0;

            min-height: 60px;
            width: 100%;

            border-bottom: 1px solid #dfdfdf;
        }

        #dvcDiscountsPerksOffersFilters .checkbox,
        #dvcDiscountsPerksOffersFilters .radio {
            display: table-cell;
            position: static;
            padding: 0 15px 0 35px;

            height: 60px;
            width: 100%;

            color: #253b56;
            font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
            font-size: 12px;
            font-weight: 600;
            line-height: normal;
            vertical-align: middle;
        }

        #dvcDiscountsPerksOffersFilters .checkbox span,
        #dvcDiscountsPerksOffersFilters .radio span {
            position: static;
            padding-left: 8px;

            max-width: 196px;

            font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
            font-size: 12px;
            font-weight: 600;
            line-height: 16px;
        }

        #dvcDiscountsPerksOffersFilters .checkbox input,
        #dvcDiscountsPerksOffersFilters .radio input {
            top: 18px;
        }

        #dvcDiscountsPerksOffersFilters .checkbox span::before,
        #dvcDiscountsPerksOffersFilters .radio span::before {
            top: 21px;
            left: 34px;
        }

        #dvcDiscountsPerksOffersFilters .checkbox span::after {
            top: 21px;
            left: 34px;
        }

        #dvcDiscountsPerksOffersFilters .radio span::after {
            top: 24px;
            left: 37px;
        }

        #dvcDiscountsPerksOffersListFiltersFooter {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 10000;
        }

        #dvcDiscountsPerksOffersFiltersFooterActions {
            background: #ebf6fc;
            border-top: 1px solid #dfdfdf;
            padding: 15px;
        }

}


/**
 * OFFER DETAIL PAGE
 * =============================================
 *
 * @id
 * @url
 */

/* contentPageHeaderLink */
#dvcDiscountsPerksOffersPage .otherOfferMainContainer {
    width: 650px;
}

#dvcDiscountsPerksOffersPage .contentPageHeaderLink {
    float: right;
    line-height: 18px;
    margin: 0;
    padding: 13px;
    font-size: 14px;
}

#dvcDiscountsPerksOffersPage .otherOfferHeader {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 15px;
}

#dvcDiscountsPerksOffersPage .otherOfferEntryContainer {
    padding-left: 0;
    padding-right: 10;
    margin-bottom: 10px;
}

#dvcDiscountsPerksOffersPage .offerTileContainer dt {
    display: table-cell;
    vertical-align: middle;
}

#dvcDiscountsPerksOffersPage .promosLink {
    text-align: left;
    margin: 0 0 9px 0;
}

#dvcDiscountsPerksOffersPage .promosLink a {
    text-decoration: none;
}

#dvcDiscountsPerksOffersPage .offerTileLink:hover .offerTileBriefDescription,
#dvcDiscountsPerksOffersPage .offerTileLink:focus .offerTileBriefDescription {
    color: #00739a;
    text-decoration: underline;
}


#dvcDiscountsPerksOffersPage .offerTileLink:focus dt > span,
#dvcDiscountsPerksOffersPage .offerTileLink:hover dt > span {
    color: #00739a;
}

#dvcDiscountsPerksOffersPage .offerTileImage {
    margin: 7px 7px 7px 0;
}

#dvcDiscountsPerksOffersPage .offerTileContainer {
    display: table;
    margin: 0;
    padding: 0;
    font-weight: normal;
    margin: 0;
    width: 100%;
}

#dvcDiscountsPerksOffersPage .offerTileContainer dt {
    display: table-cell;
    vertical-align: middle;
}

#dvcDiscountsPerksOffersPage .offerTileBriefDescription {
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height:18px;
    width: 100%;
}

#dvcDiscountsPerksOffersPage .otherOfferEntryContainer span.pepMdxIcon {
    color: #dfdfdf;
    position: relative;
    top: 0;
    left: 2px;
    font-size: 20px;
}

#dvcDiscountsPerksOffersPage .offerImageHolder {
    width: 45px;
    height: 50px;
    text-align: center;
}

#dvcDiscountsPerksOffersPage .mobileOfferTileArrowWrap,
#dvcDiscountsPerksOffersPage .mobileOfferTileRightArrow {
    display: none;
}

#dvcDiscountsPerksOffersPage hr.hr-faded.offerDisclaimerLineSpace {
    margin-bottom: 10px;
}

#dvcDiscountsPerksOffersPage div.detailedDescription.offersAdditionalInfo > p {
    margin: 0 0 1em;
}

#dvcDiscountsPerksOffersPage div.detailedDescription.offersAdditionalInfo li {
    padding-bottom: 5px;
}

#dvcDiscountsPerksOffersPage .offersAdditionalInfo {
    font-family: Avenir-roman, Helvetiva, Arial, sans-serif;
    font-size: 14px;
}

#dvcDiscountsPerksOffersPage .inner-content-row div.specialOfferTableWrap dt {
    border-radius: 0 0 0 0;
}

#dvcDiscountsPerksOffersPage .inner-content-row div.specialOfferTableWrap dt:first-child {
    border-radius: 8px 0 0 0;
}

#dvcDiscountsPerksOffersPage .inner-content-row div.specialOfferTableWrap dt:last-child {
    border-radius: 0 8px 0 0;
}

#dvcDiscountsPerksOffersPage div.ctaOfferWrapper {
    padding-bottom: 30px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcDiscountsPerksOffersPage .contentPageHeaderLink {
        float: left;
        padding-top: 9px;
        padding-bottom: 8px;
        padding-left: 0;
        width: 100%;
    }
    #dvcDiscountsPerksOffersPage .inner-content-row .storyCardWrapper {
        margin-top: -4px;
    }
    #dvcDiscountsPerksOffersPage .inner-content-row .otherOfferMainContainer .otherOfferHeader {
        margin-bottom: 9px;
    }
    #dvcDiscountsPerksOffersPage.innerContentStage.discounts-biergarten-dvcsitepage {
        padding-bottom: 0;
    }
    #dvcDiscountsPerksOffersPage .inner-content-row .inner-content-col-left {
        margin-bottom: -11px;
    }

    #dvcDiscountsPerksOffersPage .disclaimerText {
        margin-bottom: -10px;
        padding-left: 0;
    }

    #dvcDiscountsPerksOffersPage .disclaimerText + .horizontalSeparator.visible-xs {
        display: none!important;
    }

    #dvcDiscountsPerksOffersPage .contentPageTitle {
        margin-bottom: 10px;
        line-height: 30px;
    }

    #dvcDiscountsPerksOffersPage .otherOfferMainContainer {
        width: 100%;
    }

    #dvcDiscountsPerksOffersPage .offerTileLink:hover .offerTileBriefDescription,
    #dvcDiscountsPerksOffersPage .offerTileLink:focus .offerTileBriefDescription {
        color: #00739a;
        text-decoration: underline;
    }

    #dvcDiscountsPerksOffersPage .offerTileLink:focus dt > span,
    #dvcDiscountsPerksOffersPage .offerTileLink:hover dt > span {
        color: #00739a;
    }

    #dvcDiscountsPerksOffersPage .offerTileLink:hover dt > span.mobileOfferTileArrowWrap,
    #dvcDiscountsPerksOffersPage .offerTileLink:focus dt > span.mobileOfferTileArrowWrap {
        text-decoration: none;
    }

}


/*------------------------------------------------------------
 * Discounts Perks Offers Expired
 *------------------------------------------------------------
 * section
 * @id #dvcDiscountsPerksOffersExpiredPage
 */

#dvcDiscountsPerksOffersExpiredPage {
    visibility: visible;
}

#dvcDiscountsPerksOffersExpiredPage .dvcss-page-header .dvui-breadcrumb,
#dvcDiscountsPerksOffersExpiredPage .dvcss-page-header .dvcss-breadcrumb {
    padding-top: 0;
}

#dvcDiscountsPerksOffersExpiredPage .dvcss-page-body .dvcss-panel {
    margin-bottom: 0;
}

#dvcDiscountsPerksOffersExpiredPage .dvcss-page-body .dvcss-panel .panel-body {
    padding: 49px 20px 50px;
}

#dvcDiscountsPerksOffersExpiredPage .dvcss-page-body .dvcss-panel .panel-body .dvcss-dt {
    margin: 0 auto;
}

#dvcDiscountsPerksOffersExpiredPage .dvcDesktopDesc .dvcDesktopDescInner {
    margin-left: 33px;
}

#dvcDiscountsPerksOffersExpiredPage .dvcDesktopDesc .dvcDesktopDescInner .dvcss-section-h1 {
    color: #253b56;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 11px;
}

#dvcDiscountsPerksOffersExpiredPage .dvcDesktopDesc .dvcDesktopDescInner p {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDiscountsPerksOffersExpiredPage {
        visibility: visible;
        padding-left: 10px;
        padding-right: 10px;
    }

    #dvcDiscountsPerksOffersExpiredPage .dvcMobileDesc .dvcss-section-h1 {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 28px;
        font-weight: 100;
    }

    #dvcDiscountsPerksOffersExpiredPage .dvcMobileDesc p {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        margin: 0;
        margin-bottom: 32px;
    }

}

#dvcDiscountsPerksOffersPage .dvui-pull-right div.ctaOfferWrapper > div.uiPlus {
    margin-bottom: 1px;
}


/**************************************************
 * Health Check Offers - health-check.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: PERAI002 $
 * $Revision: #3 $
 * $Change: 1647268 $
 * $Date: 2016/11/02 $
 **************************************************/

#dvcHealthCheckPage {
    font-size: 12px;
}

#dvcHealthCheckPage .page-header {
    padding-bottom: 0;
    border-bottom: 0;
    text-align: left;
}

#dvcHealthCheckPage table.table {
    max-width: none;
    width: auto;
}

#dvcHealthCheckPage table thead tr th:first-child,
#dvcHealthCheckPage table tbody tr th {
    width: 200px;
    white-space: normal;
    font-weight: normal;
    word-break: break-word;
}

#dvcHealthCheckPage table tbody tr th em {
    margin-left: 15px;
}

#dvcHealthCheckPage table thead tr th,
#dvcHealthCheckPage table tbody tr td {
    width: 225px;
    white-space: normal;
    word-break: break-word;
}

#dvcHealthCheckPage .label {
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 400em;
}

#dvcHealthCheckPage tbody.collapsing {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

#dvcHealthCheckPage tbody.collapse-hiding {
    display: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

/*
|-----------------------------------------------------------------------------------------------
| Healthcheck Table
|-----------------------------------------------------------------------------------------------
|
|
*/

#dvcss-healthCheckTable {
    padding: 25px;
    background: #fff;
    margin-bottom: 25px;
}

#dvcss-healthCheckTable .healthCheckTable {
    border-radius: 12px;
    border: 1px solid #e6e6e6;
    margin:auto;
    height:auto;
    background: #fff;
    margin-bottom: 25px;
}

#dvcss-healthCheckTable .healthCheckTable thead tr th {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    text-align: center;
    padding: 15px;
    background: #add6ed;
}

#dvcss-healthCheckTable .healthCheckTable tbody tr th.tableTop {
    width: 20%;
}

#dvcss-healthCheckTable .healthCheckTable tbody tr th,
#dvcss-healthCheckTable .healthCheckTable tbody tr td {
    border-bottom: 1px solid #e6e6e6;
    word-break: break-all;
}

#dvcss-healthCheckTable .healthCheckTable tbody tr td.text-left,
#dvcss-healthCheckTable .healthCheckTable tbody tr th.tableTop {
    padding: 15px;
}

#dvcss-healthCheckTable .healthCheckTable tbody tr:last-child {
    text-align: center;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    padding: 15px;
}

/* DIV HEALTHCHECK TABLE */

body.innerContentBody.innerContentBodyHealthCheck {
    background-image: none;
    background-color: transparent;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    body.innerContentBody.innerContentBodyHealthCheck .mainWrapper  {
        overflow-x: auto;
    }

}


#dvcss-healthCheckTable .healthCheckTable .tableTopHead {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    text-align: center;
    padding: 15px;
    background: #add6ed;
    font-weight: bold;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body {
    border-bottom: 1px solid #e6e6e6;
    word-break: break-all;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body:last-child {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body .text-left,
#dvcss-healthCheckTable .healthCheckTable .hc-body .tableTop {
    padding: 15px;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body .tableTop {
    font-weight: bold;
    text-align: left;
}

/* DVC MEMBERS MIDDLEWARE */

#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody {
    padding:0;
    border-left: 1px solid #e6e6e6;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body2 {
    border-bottom: 5px solid #e6e6e6;
    word-break: break-all;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableTop {
    padding: 8px 15px;
    font-weight: bold;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow:nth-child(even) {
    border-top: 5px solid #e6e6e6;
    border-bottom: 5px solid #e6e6e6;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .hc-innerHalf .hc-parent {
    border-bottom: 1px solid #e6e6e6;
    min-height: 37px;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-middlewareInnerRow {
    border-bottom: 1px solid #e6e6e6;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .hc-innerHalf {
    padding:8px 15px;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .hc-innerHalf,
#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .hc-innerHalf:only-child {
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .hc-innerHalf:last-child,
#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .hc-innerHalf.hc-mwInnerHalf {
    border-right: 0;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .hc-innerHalf:last-child {
    border-left: 1px solid #e6e6e6;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .hc-innerHalf .hc-parent .hc-child,
#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .hc-innerHalf .hc-parent .hc-child2 {
    padding: 8px 15px;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .hc-innerHalf .hc-parent .hc-child:last-child {
    border-left: 1px dashed #e6e6e6;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .hc-innerHalf .hc-parent .hc-child.hcs-8:last-child {
    border-left: 0;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .hc-innerHalf .hc-parent .hc-child2:last-child {
    border:0;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .text-left {
    padding:0;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .hc-nochild {
    min-height: 37px;
    padding: 8px 15px;
}

#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .hc-innerHalf .hc-parent:last-child,
#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow:last-child,
#dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow:last-child,
#dvcss-healthCheckTable .healthCheckTable .hc-body2:last-child  {
    border-bottom:0;
}

.innerContentWrapperHC {
    max-width: 100%;
    margin: 0 auto;
}

.hc-4 {
    width: 38%;
    float: left;
}

.hc-8 {
    width: 62%;
    float: left;
    min-height: 37px;
}

.hcs-4 {
    width: 100%;
}

.hcs-8 {
    width: 100%;
}

@media screen and (max-width: 767px) {

    #dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .hc-innerHalf .hc-parent {
        min-height: 80px;
    }

    #dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .hc-innerHalf .hc-parent .hc-child.hc-title,
    #dvcss-healthCheckTable .healthCheckTable .hc-body2 .tableBody .hc-innerRow .hc-innerHalf .hc-parent .hc-child:last-child {
        border:0;
    }

}

#dvcHealthCheckPage .label-warning {
    background-color: #fec841;
}
/**--------------------------------------------------
 * Booking Window Calculator
 *---------------------------------------------------*/
 
 #dvcHowToBook {
    height: auto;
    border-radius: 12px;
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
    margin-bottom: 1.34rem;
}
 

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator > .panel {
    margin: 0;
    border: 0;
}

/********** Panel Heading **********/

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading {
    padding: 7px 19px;
    background: #e5f3f8;
    border-bottom: 0;
    border-radius: 6px;
    color: #253b56;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading.expanded {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .panel-title,
#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .panel-title a {
    color: #253b56;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .panel-title {
    margin-bottom: 3px;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media {
    overflow: visible;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media > .dvcss-pull-left {
    margin-right: 18px;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media > .dvcss-pull-left .dvcss-pepmdxii-alarm-clock {
    margin-top: -24px;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .media-body {
    padding-top: 15px;
    padding-bottom: 4px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .dvcss-form {
    display: inline;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .dvcss-form .form-control {
    margin-top: 0;
    margin-bottom: 0;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement {
    top: 2px;
    margin: 0 !important;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement .textInput {
    min-height: 0;
    width: auto;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerGroup button:focus {
    outline: 1px dotted;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement .textInput input {
    width: 116px;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: bottom;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement .datePicker .ui-datepicker-trigger {
    right: 3px;
    top: 2px;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerGroup {
    display: inline;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerClose a {
    color: #a1afc0;
    font-size: 15px;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerClose a .dvcss-pepmdxicon {
    color: #a1afc0;
    font-size: 15px;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerClose a:hover .dvcss-pepmdxicon{
    color: #253b56;
    font-size: 15px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading {
        padding: 7px 20px 15px 14px;
        border-radius: 6px;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .media-body {
        position: relative;
        left: 4px;
        padding-bottom: 5px;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .panel-title,
    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .panel-title a {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .panel-title {
        margin-bottom: 4px;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media > .dvcss-pull-left {
        margin-right: 9px;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media > .dvcss-pull-left .dvcss-pepmdxii-alarm-clock {
        margin-top: -21px;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement {
        display: table-cell;
        float: none;
        margin-top: 0!important;
        margin-bottom: 3px!important;
        margin-left: 0;
        margin-right: 0;
        padding-top: 10px;
        padding-left: 1px;
        padding-right: 12px;
        width: 100%;
        vertical-align: top;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement .textInput {
        display: inline-block;
        width: 100%;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement .textInput label {
        width: auto;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement .textInput input {
        padding-left: 8px;
        width: 100%;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .formInputElement .datePicker .ui-datepicker-trigger {
        top: 7px;
        right: 7px;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerGroup {
        display: block;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerClose {
        display: table-cell!important;
        float: none;
        vertical-align: top;
        padding-top: 16px;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerClose a,
    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerClose a .dvcss-pepmdxicon {
        position: relative;
        top: 3px;
        font-size: 20px;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-heading .media .dvcDatePickerClose a:hover .dvcss-pepmdxicon{
        color: #253b56;
        font-size: 20px;
    }

}


/********** Panel Body **********/

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-collapse {
    margin: -3px 1px 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-body {
    padding: 14px 0 0;
}


/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-collapse {
        margin: -6px 0 0;
        background: #e5f3f8;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-body {
        padding: 19px 20px 18px;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile ul {
        margin: 20px 0 0;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile ul > li + li {
        margin-top: 18px;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile ul > li:first-child {
        margin-top: 0;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile .dvcBookingWindowMobileData .dvcBookingWindowMobileDataTitle {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile .dvcBookingWindowMobileData .dvcBookingWindowMobileDataTitle strong {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile .dvcBookingWindowMobileData .dvcBookingWindowMobileDataTitle small {
        display: block;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile .dvcBookingWindowMobileData .dvcBookingWindowMobileDataDesc {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile .dvcBookingWindowMobileData .dvcBookingWindowMobileDataDesc small {
        display: block;
        font-size: 12px;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .dvcBookingWindowMobile .dvcBookingWindowMobileData .dvcBookingWindowMobileDataDesc a {
        display: none;
    }

}

/* Desktop query */
@media screen and (min-width: 768px) {

    #dvcHowToBook .dvcMyPlansBookingWindowCalculator {
        padding: 15px 29px 0;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator {
        padding: 0;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansCheckAvailability .dvcMyPlansCheckAvailabilityHeader {
        margin-bottom: 35px;
    }

    #dvcHowToBook .dvcMyPlansBookingWindowCalculator .panel {
        padding: 0 0;
        margin-bottom: 7px;
    }

    #dvcHowToBook .dvcMyPlansBookingWindowCalculator.membershipMultiple {
        padding-top: 0;
        padding-bottom: 13px;
        margin-top: -20px;
    }

    #dvcHowToBook .dvcMyPlansBookingWindowCalculator.membershipMultiple .panel {
        padding: 0;
    }

    #dvcHowToBook .dvcMyPlansBookingWindowCalculator .panel .dvcMyMembershipsLinkAccount .dvcss-well {
        border-radius: 6px;
        padding: 22px 20px 24px 24px;
    }

    #dvcHowToBook .dvcMyMembershipsLinkAccount .dvcss-dt-cell.media-body-left {
        width: 100%;
    }

    #dvcHowToBook .dvcMyMembershipsLinkAccount .media-body,
    #dvcHowToBook .dvcMyMembershipsLinkAccount .media-title,
    #dvcHowToBook .dvcMyMembershipsLinkAccount .media-desc {
        max-width: 620px;
    }

    #dvcHowToBook .dvcMyMembershipsLinkAccount .media-title {
        margin-bottom: 2px;
    }

    #dvcHowToBook .dvcMyMembershipsLinkAccount .dvcss-dt-cell.media-body-right {
        vertical-align: middle;
    }

}


/********** Panel Footer **********/

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-footer {
    padding-top: 7px;
    padding-bottom: 12px;
    background-color: #f7f7f7;
    border-top: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    text-align: center;
}

#dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-footer a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-footer {
        margin-bottom: 0;
        padding: 0 20px 22px;
        background-color: #e5f3f8;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        text-align: left;
    }

    #dvcHowToBook .dvcMyPlansSection .dvcMyPlansBookingWindowCalculator .panel-footer a {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

}
/**************************************************
 * Membership Costs Page - membership-costs.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: MACAK009 $
 * $Revision: #9 $
 * $Change: 1646269 $
 * $Date: 2016/10/13 $
 **************************************************/

#pageMembershipCosts .inner-content-col-left {
    padding-right: 0;
}

#partialMembershipCostsTable .partialMembershipCostsTableHomeResortInputWrapper {
    padding-right: 17px;
}

#partialMembershipCostsTable .partialMembershipCostsTableHomeResortInputWrapper .selectBox.standardFormElement {
    top: -6px;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

#partialMembershipCostsTable .partialMembershipCostsTableHomeResortInputWrapper .selectBox.standardFormElement .innerListWrapper {
    height: auto;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #partialMembershipCostsTable .partialMembershipCostsTableHomeResortInputWrapper {
        padding-right: 10px;
    }
    
}

.mainWrapper.modal-open {
    position: fixed;
}

#membershipCostsPage2 hr {
    width: auto;
    margin: auto;
    background-color: #D0DDE7;
}

#membershipCostsPage2 p,
#membershipCostsPage2 a,
#membershipCostsPage2 h3,
#membershipCostsPage2 h2,
#membershipCostsPage2 div {
    text-align: left;
}
#membershipCostsPage2 h2#subtitle{
    text-align: center;
}
#membershipCostsPage2 .text-center {
    text-align: center;
}

#membershipCostsPage2 .text-left {
    text-align: left;
}

#membershipCostsPage2 .text-right {
    text-align: right;
}
#membershipCostsPage2  .breadcrumb-container  {
    position: absolute;
    width: 100%;
}
#membershipCostsPage2 .breadcrumb-container .breadcrumb{
    margin: 0 auto;
    margin-top: 29px;
    position: relative;
    z-index: 999;
    width: 940px;
}
#membershipCostsPage2 .breadcrumb li.breadcrumb-separator{
    font-size: 10px;
    color: #fff;
    padding-bottom: 2px;
    opacity: 1;
}
#membershipCostsPage2 .breadcrumb a{
    font-size: 14px;
    color: #ffffff;
}
#membershipCostsPage2 .breadcrumb .pepMdxIcon{
    font-size: 12px;
}

/** Globals **/

    /** Flex **/
    #membershipCostsPage2 .flexVerticalMiddle {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #membershipCostsPage2 .flexContainer {
        display: flex;
    }

    #membershipCostsPage2 .flexContainerVertical {
        display: flex;
        flex-direction: column;
    }

    #membershipCostsPage2 .flexAlignBase {
        align-items: baseline;
    }

    #membershipCostsPage2 .flexGrow {
        flex-grow: 1;
    }
    /** End Flex **/

    /** Title & Detail **/

    #membershipCostsPage2 .title16, #membershipCostsPage2 #detail14 {
        color: #00233C;
        letter-spacing: 0;
    }

    #membershipCostsPage2 .title16 {
        font-family: Avenir-Heavy;
        font-size: 16px;
        text-align: center;
        line-height: 24px;
    }

    #membershipCostsPage2 .detail14 {
        font-family: Avenir-Book;
        font-size: 14px;
        line-height: 24px;
    }

    /** End title **/

    /** Font related sizes **/

    #membershipCostsPage2 .bold {
        font-weight: bold;
    }

    #membershipCostsPage2 .c2 {
        color: #64778B;
    }

    #membershipCostsPage2 .c3 {
        color: #00739A;
    }

    #membershipCostsPage2 .ls0 {
        letter-spacing: 0px;
    }

    #membershipCostsPage2 .fs10 {
        font-size: 10px;
    }
    #membershipCostsPage2 .fs12 {
        font-size: 12px;
    }

    #membershipCostsPage2 .fs14 {
        font-size: 14px;
    }

    #membershipCostsPage2 .fs16 {
        font-size: 16px;
    }

    #membershipCostsPage2 .fs18 {
        font-size: 18px;
    }

    #membershipCostsPage2 .fs24 {
        font-size: 24px;
    }

    #membershipCostsPage2 .fs32 {
        font-size: 32px;
    }

    #membershipCostsPage2 .lh16 {
        line-height: 16px;
    }

    #membershipCostsPage2 .lh18 {
        line-height: 18px;
    }

    #membershipCostsPage2 .lh32 {
        line-height: 32px;
    }

    #membershipCostsPage2 .lh35 {
        line-height: 35px;
    }

    #membershipCostsPage2 .lh30 {
        line-height: 30px;
    }

    #membershipCostsPage2 .lh28 {
        line-height: 28px;
    }

    #membershipCostsPage2 .lh36 {
        line-height: 36px;
    }

    #membershipCostsPage2 .lh24 {
        line-height: 24px;
    }

    #membershipCostsPage2 .lh25 {
        line-height: 25px;
    }
    #membershipCostsPage2 .lh20 {
        line-height: 20px;
    }

    #membershipCostsPage2 .lh22 {
        line-height: 22px;
    }

    #membershipCostsPage2 .title {
        letter-spacing: 0;
        text-align: center;
    }

    #membershipCostsPage2 .avenirHeavy {
        font-family: Avenir-Heavy, Helvetica, Arial, sans-serif;
    }

    #membershipCostsPage2 .avenirRoman {
        font-family: Avenir-Roman, Helvetica, Arial, sans-serif;
    }

    #membershipCostsPage2 .avenirBlack {
        font-family: Avenir-Black, Helvetica, Arial, sans-serif;
    }

    #membershipCostsPage2 .avenirBook {
        font-family: Avenir-Book, Helvetica, Arial, sans-serif;
    }

    #membershipCostsPage2 .avenirMedium {
        font-family: Avenir-Medium, Helvetica, Arial, sans-serif;
    }

    #membershipCostsPage2 .avenirLight {
        font-family: Avenir-Light, Helvetica, Arial, sans-serif;
    }
    /** End Font related sizes **/

    /** Positioning **/

    #membershipCostsPage2 .automargin {
        margin: auto;
    }

    #membershipCostsPage2 .ml20 {
        margin-left: 20px;
    }

    #membershipCostsPage2 .mr20 {
        margin-right: 20px;
    }

    #membershipCostsPage2 .ml15 {
        margin-left: 15px;
    }

    #membershipCostsPage2 .mb0 {
        margin-bottom: 0px;
    }

    #membershipCostsPage2 .mb15 {
        margin-bottom: 15px;
    }

    #membershipCostsPage2 .mb30 {
        margin-bottom: 30px;
    }
    #membershipCostsPage2 .mt0 {
        margin-top: 0px;
    }

    #membershipCostsPage2 .pd0 {
        padding: 0px;
    }

    #membershipCostsPage2 .mt5 {
        margin-top: 5px;
    }

    #membershipCostsPage2 .mt20 {
        margin-top: 20px;
    }

    #membershipCostsPage2 .mt25 {
        margin-top: 25px;
    }

    #membershipCostsPage2 .mt50 {
        margin-top: 50px;
    }

    #membershipCostsPage2 .mt10 {
        margin-top: 10px;
    }

    #membershipCostsPage2 .mt12 {
        margin-top: 12px;
    }
    #membershipCostsPage2 .mt15 {
        margin-top: 15px;
    }

    #membershipCostsPage2 .mt30 {
        margin-top: 30px;
    }

    #membershipCostsPage2 .mt35 {
        margin-top: 35px;
    }

    #membershipCostsPage2 .mt40 {
        margin-top: 40px;
    }

    #membershipCostsPage2 .mt60 {
        margin-top: 60px;
    }

    #membershipCostsPage2 .plr0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #membershipCostsPage2 .pl20 {
        padding-left: 20px;

    }

    /** End Positioning **/

    /** Others **/

    #membershipCostsPage2 .clearButton {
        border: 2px solid #00739A;
        border-radius: 3px;
        color: #00729C;
    }

    #membershipCostsPage2 .clearButton:hover,
    #membershipCostsPage2 .clearButton:focus {
        color: white;
        background-color: #00729C;
    }

    /** **/

#membershipCostsPage2 .block {
    display: block;
}

#membershipCostsPage2 .inline-block {
    display: inline-block;
}
#membershipCostsPage2 .noTextDecoration:link,
#membershipCostsPage2 .noTextDecoration {
    text-decoration: none;
}

#membershipCostsPage2 .baseColor {
    color: #00233C;
}

/** Start Introduction **/

#membershipCostsPage2 #introductionSection,
#membershipCostsPage2 #learnAboutMembershipLink {
    font-family: Avenir-Roman, Helvetica, Arial, sans-serif;
}

#membershipCostsPage2 #introductionSection {
    margin-top: 0px;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    width: 940px;
    margin: 0 auto;
}

    #membershipCostsPage2 #introductionSection span {
        /* display: inline; */
        /* color:  #130026; */
    }

#membershipCostsPage2 #learnAboutMembershipLink {
    margin-top: 25px;
    font-size: 16px;
}

/** Tablet **/
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #membershipCostsPage2 .breadcrumb-container .breadcrumb{
        width: 100%;
    }

    #membershipCostsPage2 #introductionSection {
        margin-top: 0px;
    }

    #membershipCostsPage2  #introductionSection > div:first-of-type {
        width: 661px;
        margin: auto;
    }
    #membershipCostsPage2 .membership-cost-module .col-md-6.btn-container{
        padding-left: 60px;
        margin-bottom: 30px;
    }

    #membershipCostsPage2 .breadcrumb-container .breadcrumb{
        padding-left: 20px;
    }
}

/** Mobile **/
@media screen and (max-width: 767px) {

    #membershipCostsPage2  #introductionSection {
        font-size: 20px;
        padding: 0px 20px 0px 20px;
        width: 100%;
    }

    #membershipCostsPage2 #introductionSection > div,
    #membershipCostsPage2 #learnAboutMembershipLink{
        text-align: left;
    }

}

/** End Introduction **/

/** Start Cost of membership **/

#membershipCostsPage2 #costOfMembershipSection {
    margin-top: 60px;
}

#membershipCostsPage2 #costOfMembershipSection h2 {
    line-height: 32px;
}


#membershipCostsPage2 #costOfMembershipSection .titledBorder {
    border: 1px solid #A1AFC0;
    border-radius: 5px;
    padding: 0px 50px 30px 50px;
    margin-top: 30px;
    width: 940px;
}

    #membershipCostsPage2 #costOfMembershipSection .titledBorder > p {
        position: relative;
        top: -10px;
        height: 40px;
    }

        #membershipCostsPage2 #costOfMembershipSection .titledBorder > p span {
            background-color: white;
            display: table;
            padding: 0px 10px;
            margin: 0 auto;
        }

    #membershipCostsPage2 #costOfMembershipSection #includedOnMembership {
        display: flex;
    }

        #membershipCostsPage2 #costOfMembershipSection #includedOnMembership .feature {
            text-align: center;
            width: 225px;
            margin: 0 auto;
        }

            #membershipCostsPage2 #costOfMembershipSection #includedOnMembership .feature p {
                margin-top: 15px;
                text-align: center;
            }

        #membershipCostsPage2 #costOfMembershipSection #includedOnMembership .plus {
            font-size: 50px;
            width: 82px;
        }

        #membershipCostsPage2 #costOfMembershipSection #includedOnMembership .icon {
            font-size: 50px;
        }

/** Tablet **/
@media screen and (min-width: 768px) and (max-width: 1023px) {

    #membershipCostsPage2 #costOfMembershipSection #includedOnMembership {
        justify-content: space-between;
    }

        #membershipCostsPage2 #costOfMembershipSection #includedOnMembership .feature {
            max-width: 183px;
        }

            #membershipCostsPage2 #costOfMembershipSection #includedOnMembership .feature .priceSpace {
                flex-grow: 1;
            }

    #membershipCostsPage2 #costOfMembershipSection .titledBorder {
        margin-top: 35px;
        width: 694px;
    }

    #membershipCostsPage2 #introductionSection{
        width: 100%;
    }
}

/** Mobile **/
@media screen and (max-width: 767px) {
    #costOfMembershipSection{
        padding: 0 20px;
    }

    #membershipCostsPage2 #costOfMembershipSection .titledBorder {
        margin-top: 37px;
        width: 100%;
    }

    #membershipCostsPage2 #costOfMembershipSection #includedOnMembership {
        flex-direction: column;
    }

    #membershipCostsPage2 #costOfMembershipSection #includedOnMembership .feature {
        width: 235px;
    }

}

/** Start Get Started **/

#membershipCostsPage2 #getStartedSection {
    background: #F7F9FC;
    border-top: 1px solid #D0DDE7;
    border-bottom: 1px solid #D0DDE7;
    margin-top: 60px;
    padding:50px 0px;
}

#membershipCostsPage2 #getStartedSection h3 {
    margin-left: 10px;
}

#membershipCostsPage2 #getStartedSection > .getStartedContainer {
    width: 950px;
}


#membershipCostsPage2 #getStartedSection .descriptionContainer {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

    #membershipCostsPage2 #getStartedSection .descriptionContainer > div {
        width: 620px;
    }

#membershipCostsPage2 #getStartedButton {
    width: 220px;
    height: 41px;
}

/** Tablet **/
@media screen and (min-width: 768px) and (max-width: 1023px) {

    #membershipCostsPage2 #getStartedSection {
        padding: 40px 0px;
    }

        #membershipCostsPage2 #getStartedSection > .getStartedContainer {
            width: 695px;
        }

        #membershipCostsPage2 #getStartedSection .descriptionContainer {
            margin-top: 35px;
        }

    #membershipCostsPage2 #getStartedSection .descriptionContainer > div {
        width: 458px;
    }

        #membershipCostsPage2 #getStartedSection > .descriptionContainer > div {
            width: 458px;
        }

    #membershipCostsPage2 #getStartedButton {
        width: 210px;
    }

}

/** Mobile **/
@media screen and (max-width: 767px) {

    #membershipCostsPage2 #getStartedSection {
        padding: 40px 0px 30px 0px;
    }

        #membershipCostsPage2 #getStartedSection > .getStartedContainer {
            width: 100%;
            padding: 0px 20px;
        }

        #membershipCostsPage2 #getStartedSection .descriptionContainer {
            display: block;
            margin-top: 20px;
            width: 100%;
        }

        #membershipCostsPage2 #getStartedSection .descriptionContainer > div {
            width: 100%;
        }

        #membershipCostsPage2 #getStartedButton {
            margin-top: 24px;
            width: 100%;
        }

}

/** End Get Started **/

/** Pricing Available Home Resorts **/

#membershipCostsPage2 #availableHomeResorts {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 50px;
}

#membershipCostsPage2 #availableHomeResorts > p {
    max-width: 780px;
    margin: 15px auto 0px auto;
}

/** Tablet **/
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #membershipCostsPage2 #availableHomeResorts > p {
        max-width: 689px;
    }
}

/** Mobile **/
@media screen and (max-width: 767px) {
    #membershipCostsPage2 #availableHomeResorts > p {
        width: 100%;
        padding: 0px 20px;
        text-align: left;
    }
    #membershipCostsPage2 #availableHomeResorts > h2 {
        line-height: 35px;
        text-align: left;
        margin: auto;
        width: 100%;
        padding: 0px 20px;
    }
}

/** End Pricing Available Home Resorts **/

/** Select Vacation Points **/

#membershipCostsPage2 #selectVPDevider {
    background-image: radial-gradient(52% 50%, #D0DDE7 48%, #FFFFFF 100%);
    height: 1px;
    width: 750px;
    margin: auto;
}

#membershipCostsPage2 #selectVacationPoints {
    margin-top: 60px;
    padding: 0px 185px;
}

#membershipCostsPage2 #selectVacationPoints > h3 {
    max-width: 780px;
    margin: 0 auto 30px;
    padding: 0 40px;
}

#membershipCostsPage2 #selectVacationPoints > h4 {
    max-width: 780px;
    margin: 0 auto 70px;
    padding: 0 40px;
    font-size: 16px;
    font-weight: bold;
}

/** Tablet **/
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #membershipCostsPage2 #selectVPDevider {
        width: 647px;
    }

    #membershipCostsPage2 #selectVacationPoints {
        width: 100%;
        padding: 0px 35px;
    }

    #membershipCostsPage2 #selectVacationPoints > h3 {
        width: 585px;
        padding: 0px 0px;
    }

    #membershipCostsPage2 #resortSelection .resortOptionContainer {
        margin-left: 55px !important;
        margin-right: 55px !important;
    }
}

/** Mobile **/
@media screen and (max-width: 767px) {
    #membershipCostsPage2 #selectVacationPoints {
        padding: 0px 20px;
    }

    #membershipCostsPage2 #selectVPDevider {
        width: 335px;
    }

    #membershipCostsPage2 #selectVacationPoints > h3 {
        text-align: left;
        /*width: 335px;*/
        width: 100%;
        padding: 0px 0px;
    }

    #membershipCostsPage2 #resortSelection {
        padding-left: 5px;
        overflow-x: auto;
        width: 100%;
    }
}

/** End select vacation points **/

/** Resort Selection **/

#membershipCostsPage2 #resortSelection {
    overflow-x: auto;
    width: 100%;
    min-height: 200px;
}

#membershipCostsPage2 #resortSelection #resortSelectionLoader {
    display:none;
    z-index:999999;
    position: absolute;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    text-align:center;
}

#membershipCostsPage2 #resortSelection #resortSelectionLoader img {
    vertical-align: middle;
    display: inline-block;
}

#membershipCostsPage2 #resortSelection .resortOptionContainer {
    display: flex;
    justify-content: start;
    width: fit-content;
    width: -webkit-fit-content;
    margin: auto;
}

@-moz-document url-prefix() {
    #membershipCostsPage2 #resortSelection .resortOptionContainer {
        justify-content: center;
    }
}

@media screen\0,screen\9 {
    #membershipCostsPage2 #resortSelection .resortOptionContainer {
        justify-content: center;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #membershipCostsPage2 #resortSelection .resortOptionContainer {
        justify-content: center;
    }

}

#membershipCostsPage2 #resortSelection .resortOption {
    width: 355px;
    background: #FFFFFF;
    border: 2px solid #D0D7DE;
    box-shadow: 0 1px 2px 0 #ECF1F4;
    border-radius: 4px;
    padding: 15px;
    color: #00233C;
}

    #membershipCostsPage2 #resortSelection .resortImage {
        height: 180px;
        width: 100%;
    }

    #membershipCostsPage2 #resortSelection .resortOption:not(:first-child) {
        margin-left: 50px;
    }

    #membershipCostsPage2 #resortSelection .resortOption .row div {
        padding: 0px;
    }

    #membershipCostsPage2 #resortSelection .resortOption .resortName {
        font-family: Avenir-Light;
        font-size: 24px;
        line-height: 32px;
    }

    #membershipCostsPage2 #resortSelection .resortOption .groupTitle {
        font-family: Avenir-Black;
        font-size: 20px;
        line-height: 28px;
    }

    #membershipCostsPage2 #resortSelection .resortOption .priceLarge {
        font-family: Avenir-Heavy;
        margin-top: 0px;
        font-size: 16px;  
        line-height: 24px;      
    }

    #membershipCostsPage2 #resortSelection .resortOption .description {
        font-family: Avenir-Roman;
        line-height: 20px;
    }

    #membershipCostsPage2 #resortSelection .resortOption .detail {
        color: #64778B;
    }

    #membershipCostsPage2 #resortSelection .resortOption .price {
        font-size: 14px;
    }

    #membershipCostsPage2 #resortSelection .resortOption .borderBottom {
        border-bottom: 1px solid #CDCDCD;
        margin-bottom: 15px;
    }

    #membershipCostsPage2 #resortSelection .resortOption .selectResortGroup {
        margin-left: -15px;
        margin-right: -15px;
        padding: 20px 15px 35px 15px;
        border-top: 1px solid #CDCDCD;
        border-bottom: 1px solid #CDCDCD;
    }

    #membershipCostsPage2 #resortSelection .resortOption .selectResortButton {
        background: #00739A;
        width: 95%;
        border-radius: 3px;
        font-family: Avenir-Heavy;
        color: #FFFFFF;
        height: 41px;
        margin: 20px 5px 5px 10px;
        border: 0px solid #00739A;
    }

    #membershipCostsPage2 #resortSelection .resortOption .selectResortButton.selected {
        background: #00233C;
        border-width: 2px;
        color: white;
    }

    #membershipCostsPage2 #resortSelection .resortOption .selectResortButton:hover,
    #membershipCostsPage2 #resortSelection .resortOption .selectResortButton:focus {
        background-color: white;
        border: 1px solid #00739A;
        color: #00739A;
    }

    #membershipCostsPage2 #resortSelection .resortOption .selectedResortName {
        color: #130026;;
    }

    #membershipCostsPage2 #resortSelection .resortOption .downloadMembershipQuoteContainer {
        margin-left: -12px!important;
        margin-right: -12px!important;
        padding: 0px 15px 20px 15px;
        border-bottom: 1px solid #CDCDCD;
    }

    #membershipCostsPage2 #resortSelection .resortOption
        .downloadMembershipQuoteContainer .icon__download {
        font-family: pepmdx2!important;
        cursor: pointer;
    }

    #membershipCostsPage2 #resortSelection .resortOption
        .downloadMembershipQuoteContainer .downloadYourQouteButton {
        color: #00739A;
        cursor: pointer;
    }

    #membershipCostsPage2 #resortSelection .resortOption
        .downloadMembershipQuoteContainer .icon__download:before {
        content: "\e304\fe0e";
        cursor: pointer;
    }

#membershipCostsPage2 #resortSelection .savingsSpecialOffer,
#membershipCostsPage2 #resortSelection .savingsSpecialOffer .description {
    color: #61941B;
}

#membershipCostsPage2 #resortSelection .savingsSpecialOffer .soAlert {
    padding: 5px 0 0;
    margin-bottom: 0;
}

#membershipCostsPage2 #resortSelection .resortMediaImage {
    position: relative;
}

#membershipCostsPage2 #resortSelection .specialOfferBanner {
    background-color: #5E8600;
    color: #FFFFFF;
    position: absolute;
    bottom: 0;
    padding: 8px;
}

#membershipCostsPage2 #resortSelection .specialOfferBanner .dvcss-pepmdxicon,
#membershipCostsPage2 #resortSelection .specialOfferBanner a {
    color: #FFFFFF;
}

#membershipCostsPage2 #resortSelection .specialOfferBanner .media-left {
    margin-right: 8px;
}

#membershipCostsPage2 #resortSelection .specialOfferBanner a {
    text-decoration: none;
    font-weight: bold;
}

#membershipCostsPage2 #resortSelection .specialOfferBanner a:hover {
    text-decoration: underline;
}

/** Tablet **/
@media screen and (min-width: 768px) and (max-width: 1023px) {

    #membershipCostsPage2 #resortSelection .resortOption {
        width: 319px;
        padding: 10px;
    }

    #membershipCostsPage2 #resortSelection .resortOption:not(:first-child) {
        margin-left: 10px;
    }

    #membershipCostsPage2 #resortSelection .resortOption > *:not(:first-child) {
        margin-left: 5px;
        margin-right: 5px;
    }

    #membershipCostsPage2 #resortSelection .resortOption .selectResortButton {
        margin: 15px 5px 5px 10px;
    }

    #membershipCostsPage2 #resortSelection .resortOption .selectResortGroup {
        margin-left: -10px;
        margin-right: -10px;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    #membershipCostsPage2 #resortSelection .resortOption .selectResortGroup > .row {
        margin-top: 10px;
    }

    #membershipCostsPage2 #resortSelection .resortOption h3:nth-of-type(1) {
        line-height: 20px;
        font-size: 14px;
    }

}

/** Mobile **/
@media screen and (max-width: 767px) {

    #membershipCostsPage2 #resortSelection .resortImage {
        height: 85px;
    }

    #membershipCostsPage2 #resortSelection .resortOption {
        min-width: 260px;
        max-width: 310px;
        padding: 17px 17px 15px 17px;
        margin-right: 10px;
    }

    #membershipCostsPage2 #resortSelection .resortOption:not(:first-child) {
        margin-left: 10px;
    }

    #membershipCostsPage2 #resortSelection .resortOption:last-child {
        margin-right: 20px;
    }

    #membershipCostsPage2 #resortSelection .resortOption > div.row:nth-of-type(1) {
        margin-top: 10px;
    }

    #membershipCostsPage2 #resortSelection .resortOption > hr:nth-of-type(1),
    #membershipCostsPage2 #resortSelection .resortOption h3.groupTitle {
        margin-top: 15px;
    }

    #membershipCostsPage2 #resortSelection .resortOption .selectResortGroup {
        padding-bottom: 15px;
        padding-top: 15px;
    }

    #membershipCostsPage2 #resortSelection .resortOption .selectResortGroup > .row {
        margin-top: 10px;
    }

    #membershipCostsPage2 #resortSelection .resortOption .groupTitle {
        font-size: 16px;
        line-height: 20px;
    }

    #membershipCostsPage2 #resortSelection .resortOption .selectResortButton {
        margin: 15px 0px 0px 0px;
        width: 100%;
    }

    #membershipCostsPage2 #resortSelection .resortOption .resortName {
        font-size: 18px;
        line-height: 24px;
    }
}

@media screen and (max-width: 320px) {
    #membershipCostsPage2 #resortSelection .resortOption {
        width: 280px;
        padding: 17px 17px 15px 17px;
        margin-right: 2px;
    }

    #membershipCostsPage2 #resortSelection .resortOption .selectResortButton {
        margin: 25px -10px 15px;
        width: 261px;
    }

    #membershipCostsPage2 #costOfMembershipSection #includedOnMembership .feature {
        width: 235px;
        position: relative;
        left: -27px;
    }

    #membershipCostsPage2 #modalContainer #modalDone, #membershipCostsPage2 #modalContainer #modalStartOver {
        width: 300px;
        margin: auto;
        display: block;
    }
}

/** End Resort Selection **/

/** start Selected Resort **/

#membershipCostsPage2 #selectedResortGroup {
    position: relative;
    margin-top: 51px;
    padding: 0px;
    color: #00233C;
}

    #membershipCostsPage2 #selectedResortGroup .arrowUp {
        width: 22px;
        height: 22px;
        border-right: 1px solid #D0DDE7;
        border-top: 1px solid #D0DDE7;
        position: relative;
        margin-bottom: -11px;
        left: 320px;
        background: white;
        z-index: 2;
        transform: rotate( -45deg );
    }

    #membershipCostsPage2 #selectedResortGroup #disneyHeader {
        width: 750px;
        margin: 45px auto 25px;
    }

    #membershipCostsPage2 #selectedResortGroup .mask {
        width: 130px;
        height: 35px;
        overflow: hidden;
        margin: 0 auto;
    }

    #membershipCostsPage2 #selectedResortGroup .arch {
        margin: 0 auto;
        border: 2px solid #D4E0E9;
        padding: 10px;
        border-radius: 80px;
        width: 110px;
        height: 110px;
        background-color: #fff;
    }

    #membershipCostsPage2 #selectedResortGroup #disneyHeader hr {
        background-image: -webkit-radial-gradient(52% 50%,#D4E0E9 ,#FFF);
        height: 2px;
    }

    #membershipCostsPage2 #selectedResortGroup #disneyHeader .disneyIcon {
        font-size: 35px;
        position: absolute;
        z-index: 2;
        padding: 0 20px;
    }

    #membershipCostsPage2 #selectedResortGroup #disneyHeader .maskHider {
        width: 98px;
        height: 3px;
        background: white;
        margin: 0 auto;
        margin-top: 23px;
        margin-left: -6px;
        z-index: 1;
        position: absolute;
    }

    #membershipCostsPage2 #selectedResortGroup .selectedResortImage {
        width: 940px;
        height: auto;
        margin: 40px auto 0px auto;
    }

    #membershipCostsPage2 #selectedResortGroup .selectedResortImage img{
        margin: 0 auto;
    }

    #membershipCostsPage2 #selectedResortGroup #resortDescription {
        width: 820px;
        margin: 20px auto 0px auto;
    }

    #membershipCostsPage2 #selectedResortGroup .memberIncludes {
        width: 540px;
    }

    /** Space the check to the inclusion details under membership includes title. **/
    #membershipCostsPage2 #selectedResortGroup .memberIncludes > p span:first-child {
        margin-right: 10px;
        color:#58831B;
    }

    #membershipCostsPage2 #selectedResortGroup .baseOnSelectedVacationPointsGroup {
        width: 780px;
        height: 131px;
        border: 1px solid #D1DEE8;
        border-radius: 8px;
        margin: 60px auto 0px auto;
        padding: 20px 0px 25px 0px;
    }

    #membershipCostsPage2 #selectedResortGroup .baseOnSelectedVacationPointsGroup .selectedPoints {
        font-size: 36px;
        line-height: 48px;
    }

    #membershipCostsPage2 #selectedResortGroup .oneTimeCost {
        width: 780px;
    }

    #membershipCostsPage2 #selectedResortGroup .oneTimeCost .header1 {
        font-size: 24px;
        line-height: 32px;
    }

    #membershipCostsPage2 #selectedResortGroup .oneTimeCost .header2 {
        font-size: 18px;
        line-height: 24px;
    }

    #membershipCostsPage2 #selectedResortGroup .oneTimeCost .header3 {
        font-size: 16px;
        line-height: 24px;
    }

    #membershipCostsPage2 #selectedResortGroup .oneTimeCost .header4 {
        font-size: 24px;
        line-height: 30px;
    }

    #membershipCostsPage2 #selectedResortGroup .downloadYourQouteButton {
        width: 192px;
        height: 40px;
        border-radius: 3px;
        background-color: #00739A;
        color: #FFFFFF;
        border: 0px;
        margin-top: 30px;
    }


#membershipCostsPage2 #selectedResortGroup #specialOfferSavingsContainer {
    color: #61941B;
    font-weight: bold;
}

#membershipCostsPage2 #selectedResortGroup #specialOfferSavingsContainer .dvcss-pepmdxicon,
#membershipCostsPage2 #selectedResortGroup #specialOfferSavingsContainer .soAlert {
    font-weight: normal;
    margin-bottom: 0;
}

#membershipCostsPage2 #selectedResortGroup .subDescription {
    padding-left: 25px;
}

/** Tablet **/
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #membershipCostsPage2 #selectedResortGroup .baseOnSelectedVacationPointsGroup,
    #membershipCostsPage2 #selectedResortGroup .oneTimeCost {
        width: 540px;
    }

    #membershipCostsPage2 #selectedResortGroup .selectedResortImage {
        width: 100%;
    }

    #membershipCostsPage2 #selectedResortGroup #resortDescription {
        width: 647px;
    }
}

/** Mobile **/
@media screen and (max-width: 767px) {
    #membershipCostsPage2 #selectedResortGroup .selectedResortImage {
        width: 100% !important;
    }

    #membershipCostsPage2 #selectedResortGroup > p:first-of-type {
        margin-top: 40px;
    }

    #membershipCostsPage2 #selectedResortGroup #resortDescription {
        width: 100%;
    }

    #membershipCostsPage2 #selectedResortGroup > * {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #membershipCostsPage2 #selectedResortGroup #selectedResortCaret,
    #membershipCostsPage2 #selectedResortGroup > hr,
    #membershipCostsPage2 #selectedResortGroup .selectedResortImage {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #membershipCostsPage2 #selectedResortGroup .memberIncludes,
    #membershipCostsPage2 #selectedResortGroup .oneTimeCost {
        width: 100%;
    }

    #membershipCostsPage2 #selectedResortGroup .oneTimeCost > h3.header1 {
        font-size: 20px;
        line-height: 25px;
    }

    #membershipCostsPage2 #selectedResortGroup .oneTimeCost > h3.header1:first-of-type {
        font-size: 20px;
        line-height: 18px;
    }

    #membershipCostsPage2 #selectedResortGroup .oneTimeCost .header2,
    #membershipCostsPage2 #selectedResortGroup .oneTimeCost .header3 {
        font-size: 14px;
        line-height: 20px;
    }

    #membershipCostsPage2 #selectedResortGroup .oneTimeCost .header4 {
        font-size: 24px;
        line-height: 25px;
    }

    #membershipCostsPage2 #selectedResortGroup > .oneTimeCost.automargin > div:nth-child(2) {
        margin-top: 20px;
    }

    #membershipCostsPage2 #selectedResortGroup > .oneTimeCost > div.row.mt20,
    #membershipCostsPage2 #selectedResortGroup > .oneTimeCost > div:nth-child(10),
    #membershipCostsPage2 #selectedResortGroup > .oneTimeCost > h3:nth-child(9) {
        margin-top: 15px;
    }

    #membershipCostsPage2 #selectedResortGroup .downloadYourQouteButton {
        margin-top: 35px;
        width: 100%;
    }

    #membershipCostsPage2 #selectedResortGroup > .baseOnSelectedVacationPointsGroup {
        padding-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
        width: auto;
    }

    #membershipCostsPage2 #selectedResortGroup > .baseOnSelectedVacationPointsGroup > p:nth-child(1) {
        line-height: 18px;
    }

    #membershipCostsPage2 #selectedResortGroup #disneyHeader {
        width: 100%;
    }

    #membershipCostsPage2 #selectedResortGroup .baseOnSelectedVacationPointsGroup .selectedPoints {
        line-height: 30px;
        margin: 10px 0px 10px 0px;
    }

    #membershipCostsPage2 #selectedResortGroup > .baseOnSelectedVacationPointsGroup > p:nth-child(3) {
        line-height: 18px;
    }
    #membershipCostsPage2 #selectedResortGroup .baseOnSelectedVacationPointsGroup {
        width: 100%;
    }

    #membershipCostsPage2 #selectedResortGroup #specialOfferSavingsContainer .expirationLabel {
        display: inline-block;
        padding-left: 25px;
    }
}
/** End Selected Resort **/

/** start Still not sure **/

#membershipCostsPage2 #stillNotSureSection {
    /*padding: 0px 185px;*/
}

#membershipCostsPage2 #stillNotSureSection .sectionImage {
    width: 940px;
    height: 400px;
    display: block;
    margin: 60px auto 0px auto;
}

#membershipCostsPage2 #stillNotSureSection .sectionGroup {
    width: 940px;
    margin: 30px auto auto auto;
    display: flex;
    justify-content: space-between;
}

    #membershipCostsPage2 #stillNotSureSection .descriptionGroup {
        width: 621px;
    }

    #membershipCostsPage2 #stillNotSureSection .sectionGroup button {
        width: 220px;
        height: 41px;
        align-self: center;
    }

/** Tablet **/
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #membershipCostsPage2 #stillNotSureSection .sectionImage,
    #membershipCostsPage2 #stillNotSureSection .sectionGroup {
        width: 647px;
    }

    #membershipCostsPage2 #stillNotSureSection .descriptionGroup {
        width: 427px;
    }
}

/** Mobile **/
@media screen and (max-width: 767px) {
    #membershipCostsPage2 #stillNotSureSection .sectionImage {
        margin-top: 40px;
    }

    #membershipCostsPage2 #stillNotSureSection .sectionImage,
    #membershipCostsPage2 #stillNotSureSection .sectionGroup,
    #membershipCostsPage2 #stillNotSureSection .descriptionGroup,
    #membershipCostsPage2 #stillNotSureSection .sectionGroup button{
        width: 100%;
    }

    #membershipCostsPage2 #stillNotSureSection .sectionGroup {
        padding: 0px 20px;
    }


    #membershipCostsPage2 #stillNotSureSection .sectionGroup button {
        margin-top: 35px;
    }


    #membershipCostsPage2 #stillNotSureSection .sectionGroup {
        display: block;
    }
}

/** end Still not sure **/

/** start Slider **/

#membershipCostsPage2 .gly-flip-vertical {
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}

#membershipCostsPage2 #selectVacationPoints #vacationPointsSlider {
    padding-top: 100px;
    margin-bottom: 0px;
    display: flex;
}

#membershipCostsPage2 #selectVacationPoints #vacationPointsSlider > h3 {
    margin: -6px 18px 0;
    font-size: 14px;
    color: #979797;;
    text-align: center;
    line-height: 20px;
}

#membershipCostsPage2 #selectVacationPoints #vacationPointsSlider #expLoaderContainer {
    position: relative;
    background: #D8D8D8;
    border: 1px solid #979797;
    border-radius: 4px;
    height: 5px;
    max-height: 5px;
    z-index: 1;
}

#membershipCostsPage2 #selectVacationPoints #vacationPointsSlider #sliderAndSeperatorContainer {
    flex-grow: 1;
    margin: auto;
}

#membershipCostsPage2 #selectVacationPoints #vacationPointsSlider #expLoaderContainer #sliderProgress {
    width: 0px;
    background: rgba(0,115,154,0.80);
    border-radius: 4px;
    height: 5px;
}

#membershipCostsPage2 #selectVacationPoints #vacationPointsSlider #sliderSeperatorContainer {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#membershipCostsPage2 #selectVacationPoints #vacationPointsSlider #sliderSeperatorContainer:before,
#membershipCostsPage2 #selectVacationPoints #vacationPointsSlider #sliderSeperatorContainer:after {
    width: 0;
    border: none;
    content: "";
}

#membershipCostsPage2 #selectVacationPoints #vacationPointsSlider #sliderValueContainer {
    display: flex;
    justify-content: space-evenly;
}

#membershipCostsPage2 #selectVacationPoints #vacationPointsSlider #sliderValueContainer p {
    text-align: right;
    width: 100%;
    margin-right: -10px;
    color: #979797;
    /*border: 1px solid black;*/
}

#membershipCostsPage2 #selectVacationPoints #vacationPointsSlider #expLoaderContainer #moveableSlider {
    position: absolute;
    top: -117px;
    user-select: none;
    min-width: 100px;
    text-align: center;
}

#membershipCostsPage2 #selectVacationPoints #vacationPointsSlider #expLoaderContainer #moveableSlider #sliderIcon {
    width: 100%;
    text-align: center;
    cursor: -webkit-grab;
    margin-top: 12px;
}

#membershipCostsPage2 #selectVacationPoints #vacationPointsSlider #expLoaderContainer #moveableSlider #sliderValue {
    width: 80px;
    height: 50px;
    text-align: center;
    border: 1px solid #979797;
    border-radius: 4px;
    font-size: 35px;
}

#membershipCostsPage2 #selectVacationPoints #vacationPointsSlider #sliderSeperatorContainer .sliderSeperator {
    height: 19px;
    margin-top: -12px;
    border-right: 1px solid #979797;
}

#membershipCostsPage2 #selectVacationPoints #vacationPointsSlider #sliderSeperatorContainer .sliderSeperator:nth-child(even) {
    height: 29px;
    margin-top: -17px;
    border-right: 1px solid #979797;
}

/** Desktop **/
@media screen and (min-width: 1024px) {
    #membershipCostsPage2 #introductionSection span {
        display: block;
    }
}

/** Tablet **/
@media screen and (min-width: 768px) and (max-width: 1023px) {


}

/** Mobile **/
@media screen and (max-width: 767px) {

    /** Temporary **/
    #header-block {
        height: 426px;
    }

    #membershipCostsPage2 #selectVacationPoints #vacationPointsSlider {
        margin-bottom: 10px;
        width: 100%;
    }
}

/** Dialog **/

#getStartedModal {
    width: 100%;
    background: white;
}

#getStartedModal #modalContainer {
    display: none;
}

#membershipCostsPage2 .flexCenterMiddle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#membershipCostsPage2 .flexStartMiddle {
    display: flex;
    justify-content: start;
    align-items: center;
}

#membershipCostsPage2 .blueButton {
    background: #00739A;
    border-radius: 3px;
    border-width: 0px;
    color: white;
    width: 240px;
    height: 41px;
}

#membershipCostsPage2 .nomargin {
    margin: 0px;
}

#membershipCostsPage2 .temporary {
    background: gray;
}

#membershipCostsPage2 #modalContainer .modalNext {
    margin: auto;
    display: block;
    margin-top: 60px;
}

#membershipCostsPage2 #modalContainer .modalNext:hover {
    background-color: #00233C;
    border-color: #00233C;
}

/** Top group **/

#membershipCostsPage2 .calculator {
    width: 82px;
    height: 82px;
}

#membershipCostsPage2 #modalContainer {
    width: 940px;
    margin: 70px auto 30px auto;
}

#membershipCostsPage2 #modalContainer .modalClose {
    transform: rotate(135deg);
}

/** Tablet **/
@media screen and (min-width: 768px) and (max-width: 1023px) {

    #membershipCostsPage2 #modalContainer {
        width: 85%;
        margin: 70px auto 30px auto;
    }

}

/** Mobile **/
@media screen and (max-width: 767px) {
    #membershipCostsPage2 #modalContainer {
        width: 100%;
        margin-top: 30px;
    }

    #membershipCostsPage2 #modalContainer .topGroup p {
        margin-top: 10px;
    }
    #membershipCostsPage2 .breadcrumb {
        display: none;
    }
}

/** End top group **/


/** Start stage 1 **/
#membershipCostsPage2 #modalContainer #modalStage1 {
    display: block;
}

#membershipCostsPage2 #modalStage1 #stage1NumberOfDaysContainer {
    overflow-x: auto;
}

#membershipCostsPage2 #modalStage1 #stage1NumberOfDaysContainer .numberOfDays {
    min-width: 65px;
    min-height: 65px;
    border-radius: 50%;
    border: 2px solid #01749A;
    font-size: 32px;
    font-family: Avenir-Light, Helvetica, Arial, sans-serif;
    text-align: center;
    color: #00739A;
    line-height: 60px;
    vertical-align: middle;
    cursor: pointer;
}

#membershipCostsPage2 #modalStage1 #stage1NumberOfDaysContainer .numberOfDays:hover {
    border: 2px solid #00233C;
    background: #00233C;
    border-color: #00233C;
    color: white;
}

#membershipCostsPage2 #modalStage1 #stage1NumberOfDaysContainer .numberOfDays.active {
    background: #01749A;
    color: white;
    min-width: 70px;
    min-height: 70px;
    border-radius: 35px;
    line-height: 68px;
    font-size: 42px;
}

@media screen and (max-width: 767px) {

    #membershipCostsPage2 #modalStage1 #stage1NumberOfDaysContainer {
        margin-top: 25px;
        padding-left: 20px;
    }

    #membershipCostsPage2 #modalStage1 #stage1NumberOfDaysContainer > div:not(:last-of-type) * {
        margin-right: 33px;
    }

    #membershipCostsPage2 #modalStage1 #stage1SelectNumberOfDaysContainer > p {
        margin-top: 10px;
    }
}
/** End stage 1 **/

/** Global stage **/

#membershipCostsPage2 .stage .thumbnailSelectionContainer {
    /*overflow-x: auto;*/
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 940px;
}

#membershipCostsPage2 .stage .thumbnailContainer {
    width: 163px;
    height: 132px;
    background: #FFFFFF;
    border: 2px solid #00739A;
    border-radius: 8px;
    padding: 15px;
    position: relative;
    margin-right: 25px;
    cursor: pointer;
}

#membershipCostsPage2 .stage .thumbnailContainer .icon {
    font-size: 36px;
    color: #00739A;
    margin-bottom: 10px;
}

#membershipCostsPage2 .stage .thumbnailContainer .checkThumbnail {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: white;
    border: 2px solid #A1AFC0;
    position: absolute;
    top: -15px;
    right: -15px;
}

#membershipCostsPage2 .stage .thumbnailContainer.selected .checkThumbnail {
    background: #00233C;
    border: 2px solid #00233C;
}

#membershipCostsPage2 .stage .thumbnailContainer.hover .checkThumbnail {
    background: #EBF6FC;
    border-color: #00233C;
}

#membershipCostsPage2 .stage .thumbnailContainer.hover .checkThumbnail .checkIcon {
    color: #00233C;
}

#membershipCostsPage2 .stage .thumbnailContainer.selected {
    border: 3px solid #00233C;
}

#membershipCostsPage2 .stage .thumbnailContainer.hover {
    background: #EBF6FC;
    border: 3px solid #00233C;
}

#membershipCostsPage2 .stage .thumbnailContainer .checkThumbnail .checkIcon {
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    display: block;
    width: 100%;
    color: #DEEFF4;
}

#membershipCostsPage2 .stage .editStage {
    display: none;
    cursor: pointer;
}

/**
#membershipCostsPage2 #modalContainer .stage,
#membershipCostsPage2 #modalContainer .stage .stageValue,
#membershipCostsPage2 #modalContainer hr:not(.notHidden),
#membershipCostsPage2 #modalContainer #modalLastStage,
#membershipCostsPage2 #modalContainer .modalNext {
    display: none;
}**/

/** Tablet **/
@media screen and (min-width: 768px) and (max-width: 1023px) {

    #membershipCostsPage2 .stage .thumbnailContainer {
        /*width: 145px;*/
        /*height: 153px;*/
        margin: 0px 25px 40px 0px;
    }

    #membershipCostsPage2 .stage .thumbnailSelectionContainer {
        width: 720px;
    }

    #membershipCostsPage2 #modalContainer .stage:not(#modalStage1) .modalNext {
        margin-top: 5px;
    }

    #membershipCostsPage2 #modalContainer {
        width: 95%;
    }

}

/** Mobile **/
@media screen and (max-width: 767px) {
    #membershipCostsPage2 .stage .thumbnailContainer {
        width: 145px;
        height: 153px;
        margin: 0px 0px 40px 0px;
    }

    #membershipCostsPage2 .stage .thumbnailSelectionContainer {
        justify-content: space-between;
        width: 335px;
    }

    #membershipCostsPage2 #modalContainer .stage:not(#modalStage1) .modalNext {
        margin-top: 5px;
    }

    #membershipCostsPage2 #modalContainer .stage .modalNext {
        width: 340px;
    }

    #membershipCostsPage2 #modalContainer #recommendedPointsGroup {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media screen and (max-width: 320px) {
    #membershipCostsPage2 .stage .thumbnailSelectionContainer {
        justify-content: space-between;
        width: 285px;
    }

    #membershipCostsPage2 .stage .thumbnailContainer {
        width: 135px;
        height: 153px;
        margin: 0px 0px 40px 0px;
    }
}

/** End Global stage **/

/** Start stage 2 **/


/** End stage 2 *

/** Start Recommend Vacation Points **/

#membershipCostsPage2 #modalContainer #recommendedPointsGroup {
    border: 1px solid #65778A;
    border-radius: 8px;
    margin-top: 40px;
    padding: 20px 40px 25px 40px;
}

/** End Recommend Vacation Points **/


/** Start vacation points in action **/
.overflow-x-scroll-no-scrollbar {
    overflow:hidden;
    height: 45px;
}
.overflow-x-scroll-no-scrollbar div {
  overflow:hidden;
  width:100%;
}
.overflow-x-scroll-no-scrollbar div * {
  overflow-x:auto;
  width:100%;
  padding-bottom:17px;
  white-space: nowrap;
  cursor:pointer
}

#membershipCostsPage2 #modalContainer #vacationPointsRangeContainer .vacationPointsRange {
    font-family: Avenir-Roman, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #00739A;
    text-align: center;
    line-height: 40px;
    border: 2px solid #00739A;
    border-radius: 3px;
    min-width: 91px;
    min-height: 41px;
    margin-right: 15px;
    cursor: pointer;
    height: 45px;
}

#membershipCostsPage2 #modalContainer #vacationPointsRangeContainer .vacationPointsRange:hover {
    background-color: #D0DDE7;
    border: 2px solid #00233C;
}

#membershipCostsPage2 #modalContainer #vacationPointsRangeContainer .vacationPointsRange.selected {
    background: #00233C;
    color: white;
    border: 2px solid #00233C;
}

#membershipCostsPage2 #modalContainer #lengthOfStayContainer {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
}

#membershipCostsPage2 #modalContainer #lengthOfStayContainer .stayGroup {
    display: flex;
    align-items: center;
    height: 42px;
    margin-bottom: 35px;
}

#membershipCostsPage2 #modalContainer #lengthOfStayContainer .stayGroup:last-of-type {
    margin-bottom: 0px;
}

#membershipCostsPage2 #modalContainer #lengthOfStayContainer .stayGroup .stayDetailGroup {
    min-width: 149px;
    max-width: 149px;
    margin-right: 12px;
}

#membershipCostsPage2 #modalContainer #lengthOfStayContainer .stayGroup .stayLength {
    background: #00233C;
    border-radius: 2px;
    min-height: 40px;
    text-align: right;
    color: white;
    padding: 4px;
}


#membershipCostsPage2 #modalContainer #modalStartOver {
    width: 240px;
    height: 41px;
}

#membershipCostsPage2 #modalContainer #modalDisneyCruiseLineLengthOfStay .stayLength {
    width: 75px;
}

#membershipCostsPage2 #modalContainer #modalDone:hover {
    background-color: #00233C;
    border-color: #00233C;
}

#membershipCostsPage2 #modalContainer #modalStartOver:hover {
    background-color: #00233C;
    border-color: #00233C;
}
/** Mobile **/
@media screen and (max-width: 767px) {

    #membershipCostsPage2 #modalContainer #modalStartOver {
        width: 340px;
        margin: auto;
        display: block;
    }

    #membershipCostsPage2 #modalContainer #modalDone {
        width: 340px;
        margin-top: 10px;
        margin: auto;
        display: block;
    }

    #membershipCostsPage2 #modalContainer #modalDone:hover {
        background-color: #00233C;
        border-color: #00233C;
    }

    #membershipCostsPage2 #modalContainer #lengthOfStayContainer .stayGroup .stayDetailGroup {
        margin-bottom: 5px;
    }

    #membershipCostsPage2 #modalContainer #lengthOfStayContainer .stayGroup .stayDetailGroup p {
        text-align: left;
    }

    #membershipCostsPage2 #modalContainer #lengthOfStayContainer .stayGroup {
        display: block;
        margin-bottom: 30px;
        height: auto;
    }

    #membershipCostsPage2 #modalContainer #modalDisneyCruiseLineLengthOfStay .stayLength {
        width: 40px;
    }

    #membershipCostsPage2 #modalContainer #modalVacationPointsInAction > h3:nth-of-type(2) {
        text-align: left;
    }
}

/** End vacation points in action **/

#membershipCostsPage2 [data-icon]:before {
  font-family: pepmdx2 !important;
  content: attr(data-icon);
  speak: none;
}


#membershipCostsPage2 [data-icon3]:before {
  font-family: pepmdx3 !important;
  content: attr(data-icon3);
  speak: none;
}


#membershipCostsPage2 #disneyHeroMediaIcon {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    top: -20px;
    z-index: 2;
    color: white;
    background: #00233C;
    border: 8px solid #FFFFFF;
    font-size: 35px;
    line-height: 65px;
    margin: auto;
}


#membershipCostsPage2 #sliderIcon img {

}

#membershipCostsPage2 #sliderIcon div {
    width: 22px;
    height: 22px;
    background: #00739A;
    border-radius: 11px;
    margin-top: -26px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #FFFFFF;
    position: relative;
}

#membershipCostsPage2 #getStartedModal .modalIcon {
    font-size: 50px;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    color: white;
    background: #00233C;
    text-align: center;
       line-height: 70px;
       display: block;
}

#membershipCostsPage2 #modalContainer .modalClose {
    color: #78899E;
    font-size: 25px;
}

#membershipCostsPage2 .cursorPointer {
    cursor: pointer;
}

#membershipCostsPage2 #closeModal {
    font-size: 30px;
    color: #78899E;
    right: 50px;
    top: 50px;
}

#membershipCostsPage2 .calc-icon {
    width: 20px;
}

#membershipCostsPage2 .modal-calc-icon {
    vertical-align: middle;
}


#membershipCostsPage2 .wid200 {
    width: 200px;
}


/**************************************************
 * Membership Dues - membership-dues.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1635963 $
 * $Date: 2016/06/20 $
 **************************************************/

#pageMembershipDues .partialMembershipDuesTableTotalDuesValue .subSmallStext {
    font-size: 12px;
    margin-bottom: 2px;
}

#pageMembershipDues .partialMembershipDuesTableTotalDuesValue .subSmallStext:last-child {
    margin-bottom: 15px;
}

#pageMembershipDues .annualDuesTable {
    margin-top: -4.5px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #pageMembershipDues .contentPageTitle {
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
        margin-top: 7px;
        margin-bottom: 11px;
    }

    #pageMembershipDues .partialMembershipDuesTable .form-horizontal>.form-group {
        padding-bottom: 15px;
    }

    #pageMembershipDues .partialMembershipDuesTable .form-horizontal>.form-group>div.col.col-xs-6 {
        padding: 0;
        padding-top: 16px;
        margin-left: 0;
    }

    #pageMembershipDues .partialMembershipDuesTable .form-horizontal > .form-group > .col-xs-6 {
        padding-top: 16px;
    }

    #pageMembershipDues .partialMembershipDuesTableTotalDuesValue {
        margin-top: 0;
    }

    #pageMembershipDues .partialMembershipDuesTableTotalDuesValue .subSmallStext {
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        margin-bottom: 3px;
    }

}

/**************************************************
 * Membership Financing - membership-financing.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1635963 $
 * $Date: 2016/06/20 $
 **************************************************/

/**
 * MEMBERSHIP FINANCING
 *-----------------------------------------------------------------------
 * MODULE
 * @id #pageMembershipFinancing
 * @url /membership/financing
 *
 *
 * Page Road Map
 *
 * Membership Financing Page          <main> #pageMembershipFinancing
 * |
 * |-- Page Heading                            <section> .sectionPageHeading
 * |-- Financial Calculator                   <section> .sectionFinancialCalculator
 * |     |
 * |     |-- Financial Calculator Form    <section> .sectionFinancialCalculatorForm
 * |     |-- Estimated Costs                 <section> .sectionEstimatedCosts
 * |
 * |-- Story Cards                              <section> .sectionStoryCards
 * |-- Disclaimer                                 <section> .sectionDisclaimer
 *
 *==================================================*/

/*------------------------------------------------------------
 * Page Heading
 *         <section> .sectionPageHeading
 *------------------------------------------------------------*/

#pageMembershipFinancing .mainDescription ul {
    margin-left: 18px;
}

/*------------------------------------------------------------
 * Estimated Costs
 *         <section> .sectionEstimatedCosts
 *------------------------------------------------------------*/

#partialFinancingEstimatedCostsBox.affix {
    position: fixed;
    top: 0;
}

#partialFinancingEstimatedCostsBox.affix-bottom {
    position: absolute;
}

#partialFinancingEstimatedCostsBox .partialFinancingEstimatedCostsBoxPad {
    padding: 14px 0 17px 0;
}

#partialFinancingEstimatedCostsBox h2.estimatedCostsHeading {
    color: #253b56;
    font-family: "Avenir-heavy";
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 13px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #partialFinancingEstimatedCostsBox.affix {
        position: relative;
        top: 0;
    }

    #partialFinancingEstimatedCostsBox.affix-bottom {
        position: relative;
        width: 100%!important;
        top: 0!important;
    }

}


/*------------------------------------------------------------
 * Story Card
 *         <section> .sectionStoryCards
 *------------------------------------------------------------*/

#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock {
    margin: 0;
    padding: 26px 0 21px;

    -moz-box-sizing:  content-box;
    -webkit-box-sizing:  content-box;
    box-sizing:  content-box;
}

#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock .storyCardDescription .pageLess p {
    padding: 0;
    margin: 0;
}

#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock dt {
    min-width: 0;
}

#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock .storyCardImageHolder {
    max-width: 79px;
    width: 79px;
}

#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock .storyCardImageHolder > a img {
    display: none;
}

#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock .storyCardImageHolder > a .pepMdxIcon,
#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock .storyCardImageHolder > a .dvcss-pepmdxicon {
    position: relative;
    top: 0;
    margin-top: -9px;
    margin-bottom: -9px;

    color: #253b56;
    font-size: 50px;
}

#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock:hover .storyCardImageHolder > a .pepMdxIcon,
#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock:focus .storyCardImageHolder > a .pepMdxIcon,
#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock:hover .storyCardImageHolder > a .dvcss-pepmdxicon,
#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock:focus .storyCardImageHolder > a .dvcss-pepmdxicon {
    color: #00739a;
    cursor: pointer;
}

#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock .storyCardDescription {
    padding: 0 25px 0 0;
}

#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock .storyCardDescription > h3 {
    margin: 0 0 7px;
    max-width: 620px;

    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 28px;
}

#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock .storyCardDescription div.pageLess,
#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock .storyCardDescription div.pageLess p {
    max-width: 620px;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock a:hover h3,
#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock a:focus h3,
#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock a:hover div.pageLess,
#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock a:focus div.pageLess,
#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock a:hover div.pageLess p,
#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock a:focus div.pageLess p {
    text-decoration: none;
}

#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock .storyCardImageHolder > a img {
    display: none;
}

#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock .storyCardImageHolder > a .pepMdxIcon,
#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock .storyCardImageHolder > a .dvcss-pepmdxicon {
    position: relative;
    top: 4px;
    margin-top: -14px;

    color: #253b56;
    font-size: 50px;
}

#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock:hover .storyCardImageHolder > a .pepMdxIcon,
#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock:focus .storyCardImageHolder > a .pepMdxIcon,
#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock:hover .storyCardImageHolder > a .dvcss-pepmdxicon,
#pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock:focus .storyCardImageHolder > a .dvcss-pepmdxicon {
    color: #00739a;
    cursor: pointer;
}

/**
 * IE Only
*/
@media screen and (min-width:0\0) {

    #pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock {
        padding-top: 28px;
        padding-bottom: 22px;
    }
    
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock {
        margin: 22px 0 22px;
        padding: 0;
    }

    #pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock .storyCardImageHolder {
        max-width: 79px;
        width: auto;
    }

    #pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock {
        margin: 0;
        padding: 23px 0 22px;
    }

    #pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock .storyCardImageHolder > a .pepMdxIcon,
    #pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock .storyCardImageHolder > a .dvcss-pepmdxicon {
        float: none;
        top: 0;
        margin-top: 0;
        margin-left: -2px;
        margin-right: 8px;

        font-size: 35px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 767px) {

    #pageMembershipFinancing .partialMembershipFinancingStoryCard .storyCardBlock {
        margin: 0;
        padding: 28px 0 26px;
        -moz-box-sizing: padding-box;
        -webkit-box-sizing: padding-box;
        box-sizing: padding-box;
    }

}


/**
 * Finance Calculator
 */

#pageMembershipFinancing .financingStoryCard .storyCardImageHolder {
    max-width: 78px;
}

#pageMembershipFinancing .financingStoryCard .storyCardBlock .storyCardDescription .dvcss-storycard-title, .storyCardBlock .storyCardDescription h3 {
    max-width: none;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #pageMembershipFinancing .financingStoryCard .storyCardImageHolder {
        display: table-cell;
    }
    
}

/**************************************************
 * Profile membership Information Page - profile.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: jovaldez $
 * $Revision: #2 $
 * $Change: 1650836 $
 * $Date: 2017/03/23 $
 **************************************************/
/**
|-----------------------------------------------------------------------------------------------
| Shared
|-----------------------------------------------------------------------------------------------
|
*/
.profilePage .dvcss-content-title {
	font-family: Avenir-light, Helvetica, Arial, sans-serif;
	font-size: 30px;
}

.profilePage .dvcss-content-header {
	padding: 25px 20px 20px;
	position: relative;
}

.profilePage .dvcss-content-header .required-field-desktop {
	top: 40px;
}

.profilePage .form-group {
	margin-bottom: 0;
}

.profilePage #territoryid-base,
.profilePage #provinceid-base,
.profilePage #postalCodeid-base {
	display: none;
}

.profilePage .makePhonePrimary {
	margin-right: 20px;
}

.profilePage .add-phone {
	margin-top: 36px;
}

.profilePage #emailWrap {
	padding: 0 0 25px;
}

.profilePage #emailWrap .mainText {
	margin-top: 21px;
}

.profilePage .panel {
	border: none;
}

.profilePage > .panel-heading .form-heading .form-group {
	margin-bottom: 0;
}

.profilePage > .panel-heading .form-heading .media-body .form-group .formInputElement label {
	display: inline-block;
	font-family: Avenir-roman, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
	margin-right: 3px;
}

.profilePage > .panel-heading .form-heading .media-right .form-group {
	white-space: nowrap;
}

.profilePage > .panel-heading .form-heading .media-right .form-group .formInputElement label {
	display: inline-block;
	position: relative;
	top: -1px;
	font-family: Avenir-roman, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	margin-right: 5px;
}

.profilePage > .panel-heading .form-heading .form-group .formInputElement .selectBox {
	top: 0;
	margin: 0;
	display: block;
}

.profilePage > .panel-body {
	padding: 12px 20px 20px;
}

.profilePage .text-fade {
	color: #8294aa;
}
.profilePage .text-label {
	color: #8294aa;
	font-family: Avenir-roman, Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.profilePage .main-text {
	font-weight: 600;
}

.profilePage .sub-text {
	font-size: 12px;
}

.profilePage .dvcss-panel-form-footer-actions {
	border-top: 1px #E2E7EC solid;
	padding: 10px 0 30px;
}

.profilePage .terms {
	margin-right: 20px;
	margin-bottom: 15px;
}

.profilePage .footer-action-buttons {
	margin: 10px 20px;
}

.profilePage h2 {
	font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
	font-weight: 600;
	line-height: 24px;
	font-size: 24px;
}

.profilePage .sub-text-header {
	font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
	font-size: 18px;
	font-weight: 600;
}

.profilePage .profile-section {
	border-bottom: 1px #E2E7EC solid;
}

.profilePage .profile-section {
	padding-bottom: 50px;
	margin-top: 40px;
}

.profilePage .profile-section-last {
	padding-bottom: 20px;
	margin-top: 37px;
}

.profilePage .col-sm-4,
.profilePage .col-sm-8,
.profilePage .col-sm-6 {
	padding: 0;
}

.profilePage .contracts {
	margin-top: 10px;
}

.profilePage .contracts .form-group {
	margin: 0;
}

.profilePage .membership-info {
	margin-bottom: 20px;
}

.profilePage .long-text {
	width: 85%
}


.profilePageModal .modal-title {
	margin: 10px;
	text-align: left;
}

.profilePageModal .modal-body {
	text-align: left;
}

/*** Single Membership ***/

.profilePage > .panel-heading .form-heading .form-group.singleMembership {
	margin-bottom: -1px;
}

.profilePage > .panel-heading .form-heading .form-group.singleMembership label {
	margin-right: 3px;
}

.profilePage .radio-success input[type=radio]:checked+span::before {
	border: 5px solid #78ac31;
}

.profilePage .radio-success input[type=radio]:checked+span::after {
	background-color: transparent;
}

.profilePage > .panel-heading .form-heading .form-group.singleMembership label,
.profilePage > .panel-heading .form-heading .form-group.singleMembership span,
.profilePage > .panel-heading .form-heading .form-group.singleMembership .membershipIdValue,
.profilePage .contracts-information {
	display: inline;
	font-family: Avenir-roman, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
}


.profilePage a.profile-link {
	font-family: Avenir-roman, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #1994d7;
}

.profilePage a.profile-link.disabled {
	color: #8294aa;
	cursor: default;
}
.profilePage a.profile-link.disabled:hover,
.profilePage a.profile-link.disabled:focus,
.profilePage a.profile-link.disabled:visited {
	text-decoration: none;
}

/* Mobile only */
@media screen and (max-width: 767px) {
	body.mobile-no-bg {
		background-image: none;
		background-color: #fff;
	}

	body.mobile-no-bg .dvcss-container {
		padding: 0;
	}

	.profilePage > .panel-heading {
		padding: 5px 10px 20px;
	}

	.profilePage > .panel-heading .form-heading .media-body {
		display: block;
	}

	.profilePage > .panel-heading .form-heading .media-right {
		display: block;
		padding-left: 0;
		white-space: normal;
	}

	.profilePage > .panel-heading .form-heading .form-group .formInputElement {
		margin-bottom: 16px!important;
	}

	.profilePage > .panel-heading .form-heading .media-right .form-group .stmtStaticContainer {
		font-family: Avenir, Helvetica, Arial, sans-serif;
		font-size: 18px;
		font-weight: 600;
		line-height: 25px;
		color: #253b56;
	}

	.profilePage > .panel-heading .form-heading .media-body .form-group .formInputElement label,
	.profilePage > .panel-heading .form-heading .media-right .form-group .formInputElement label,
	.profilePage > .panel-heading .form-heading .media-right .form-group .stmtStaticContainer label {
		display: block;
		font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: 600;
		line-height: 20px;
	}

	.profilePage > .panel-heading .form-heading .statementYearFormGroup .formInputElement .selectBox {
		width: 90px;
	}

	.profilePage > .panel-body {
		padding: 0 0 10px;
	}

	.profilePage .dvcss-content-title {
		font-size: 24px;
		color: #333;
		line-height: 1;
		margin: 16px 0;
	}

	.profilePage h2 {
		font-size: 18px;
		line-height: 20px;
	}

	.profilePage .sub-text-header {
		font-size: 14px;
	}
	.profilePage .dvcss-content-header {
		padding-left: 10px;
		padding-right: 10px;
	}

	.profilePage .dvcss-page-header {
		padding: 0 10px;
	}

	.profilePage .dvcss-content-header .dvcss-content-text {
		font-family: Avenir-roman, Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		max-width: none;
	}

	.profilePage .add-assocciate-disclaimer.text-right {
		text-align: left;
	}

	.profilePage .contracts {
		margin: 15px 0;
	}

	.profilePage > .panel-heading .form-heading .form-group.singleMembership {
		margin-bottom: 15px;
	}

	.profilePage > .panel-heading .form-heading .form-group.singleMembership label {
		display: block;
		font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: 600;
		line-height: 20px;
		margin-right: 0;
	}

	.profilePage > .panel-heading .form-heading .form-group.singleMembership span,
	.profilePage > .panel-heading .form-heading .form-group.singleMembership .membershipIdValue {
		display: block;
		color: #253b56;
		font-family: Avenir, Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: 600;
		line-height: 25px;
		margin-right: 0;
	}

	.profilePage .terms {
		padding-left: 20px;
		text-align: left;
	}

	.profilePage .text-label {
		font-size: 12px
	}

	.profilePage .profile-section,
	.profilePage .profile-section-last {
		padding-bottom: 15px;
		margin-top: 20px;
	}
	.profilePage .terms {
		padding-left: 20px;
		text-align: left;
	}

	.profilePage .text-label {
		font-size: 12px
	}

	.profilePage .profile-section,
	.profilePage .profile-section-last {
		padding-bottom: 15px;
		margin-top: 20px;
	}

	.profilePage .col-sm-6 .btn,
	.profilePage .col-xs-12 .btn {
		width: 100%;
	}

	.profilePage .col-sm-6.btn-cancel {
		margin-top: 20px;
	}

	.profilePage .add-assocciate-disclaimer.text-right {
		text-align: left;
	}

	.profilePage .contracts {
		margin: 15px 0;
	}

	.profilePage > .panel-heading .form-heading .form-group.singleMembership {
		margin-bottom: 15px;
	}

	.profilePage > .panel-heading .form-heading .form-group.singleMembership label {
		display: block;
		font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: 600;
		line-height: 20px;
		margin-right: 0;
	}

	.profilePage > .panel-heading .form-heading .form-group.singleMembership span,
	.profilePage > .panel-heading .form-heading .form-group.singleMembership .membershipIdValue {
		display: block;
		color: #253b56;
		font-family: Avenir, Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: 600;
		line-height: 25px;
		margin-right: 0;
	}

	.profilePage .long-text {
		width: 100%;
	}

	.profilePage .selectBox {
		margin-top: -20px;
		padding-bottom: 10px;

	}

	.profilePage .dvui-fieldset .textInput {
		margin-top: 0;
	}

	.profilePage .dvui-fieldset  .dvui-fieldset-row {
		margin: 0 0 7px;
	}

	.profilePage .dvui-fieldset-row .dvui-fieldset-col {
		margin: 0 0 3px;
	}

	.profilePage .contracts .form-group {
		margin: 0 0 5px;
	}

	.profilePageModal .dvcss-modal .modal-xs-fullscreen .modal-body {
		padding: 10px 15px 20px;
	}

	.profilePageModal .modal-header {
		margin: 0;
		padding: 15px 0 0;
		border-bottom: none;
	}

	.profilePageModal .dvcss-hr-faded {
		width: 75%;
	}

	.profilePageModal .modal-footer .btn {
		min-width: 120px!important;
	}

}


/**
|-----------------------------------------------------------------------------------------------
| Profile Homepage
|-----------------------------------------------------------------------------------------------
|
*/

#profileHomePage.profilePage .dvcss-content-header {
	padding: 25px 20px 15px;
}

#profileHomePage.profilePage .panel-body {
	padding: 15px 15px 10px;
}

#profileHomePage .profile-section-link {
	font-size: 22px;
	font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
	font-weight: 600;
	width: 60%;
}

#profileHomePage .profile-section-link i.dvcss-pepmdxicon {
	font-size: 40px;
	float: left;
	margin-right: 15px;
	top: 5px;
}

#profileHomePage .dvcss-dt-row {
	line-height: 50px;
}

#profileHomePage .dvcss-listing-item-card-description:hover .dvcss-dt-cell {
	color: #1994d7
}

#profileHomePage .dvcss-listing-item-card-description:focus{
	outline: 1px dotted;
	display: block;
}

#profileHomePage .dvcss-listing-item-card-description:focus {
	outline: 1px dotted;
}

#profileHomePage .dvcss-listing-item a:hover,
#profileHomePage .dvcss-listing-item a:focus,
#profileHomePage .dvcss-listing-item a:visited {
	text-decoration: none;
}

#profileHomePage .dvcss-listing-item a:hover .dvcss-pepmdxicon-next{
	color: #00739a;
}

#profileHomePage .dvcss-listing>li.dvcss-listing-item {
	margin-left: 4px;
}

#profileHomePage .dvcss-listing>li.dvcss-listing-item .dvcss-listing-item-card {
	padding: 30px 0 32px;
}

#profileHomePage .dvcss-listing>li:first-child {
	padding-top: 25px;
}

#profileHomePage .carousel-caption-desktop {
	text-align: right;
	font-family: Avenir-roman, Helvetica, Arial, sans-serif;
	margin-top: 10px;
}

#profileHomePage .carousel-caption-desktop h4,
#profileHomePage .carousel-caption-mobile h4{
	margin: 0;
	font-size: 12px;
	color: #8294aa;
}

#profileHomePage .carousel {
	margin: 2px 5px 0;
}

#profileHomeResort  .carousel-indicators {
	bottom: -18px;
}

#profileHomeResort  .carousel-indicators li {
	background-color: #8294aa;
	border: none;
}

#profileHomeResort  .carousel-indicators li:focus {
	outline: 1px dotted;
}

#profileHomeResort  .carousel-indicators li.active {
	width: 10px;
	height: 10px;
	margin: 1px;
	background-color:#65778a;
}

#profileHomePage .profileListListingItem {
	border-bottom: 1px #E2E7EC solid;
}

#profileHomePage .profileListListingItem:last-child {
	border-bottom: none;
}

#profileHomePage .panel-heading {
	padding: 10px 15px 0;
}

/* Mobile only */
@media screen and (max-width: 767px) {
	#profileHomePage.profilePage .panel-body {
		padding: 15px 12px 10px 15px;
	}
	#profileHomePage .dvcss-listing>li:first-child {
		padding-top: 0;
	}

	#profileHomePage .dvcss-dt-cell {
		font-size: 12px;
	}
	#profileHomePage .profile-section-link {
		width: 100%;
		font-size: 18px;
	}
	#profileHomePage .carousel {
		margin: 4px 0 0 0;
	}
	#profileHomePage .dvcss-dt-cell {
		display: block;
	}
	#profileHomePage .carousel-caption-mobile {
		text-align: center;
		margin: 5px 0 0;
	}
	#profileHomePage .carousel-caption-mobile h4 {
		font-size: 12px;
		font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
		color: #8294aa;
	}
	#profileHomePage .dvcss-dt-row {
		line-height: 20px;
	}
	#profileHomePage .dvcss-listing>li.dvcss-listing-item {
		margin-left: 0;
	}
	#profileHomePage .dvcss-listing>li:first-child.dvcss-listing-item .dvcss-listing-item-card {
		padding-top: 3px;
	}
	#profileHomePage .dvcss-listing>li.dvcss-listing-item .dvcss-listing-item-card {
		padding: 15px 0 18px 0;
	}
	#profileHomePage  .dvcss-listing-item .dvcss-pepmdxicon-next {
		font-size: 16px;
		right: 0px;
	}
	#profileHomeResort  .carousel-indicators {
		bottom: -38px;
	}
	#profileHomePage #selectClubId {
		margin-top: 18px 0 10px;
	}
	#profileHomePage #clubId-wrapper {
		margin-top: -15px;
	}

}

/**
|-----------------------------------------------------------------------------------------------
| Contact Information
|-----------------------------------------------------------------------------------------------
|
*/
#profileContactInformationPage.profilePage .panel-default>.panel-heading {
	padding: 10px 20px 15px;
}

#profileContactInformationPage .membership-label {
	width: 90px;
}

#profileContactInformationPage .media-right {
	white-space: normal;
}

#profileContactInformationPage .dvcss-panel-form-footer-actions {
	padding: 28px 0 20px;
}

#profileContactInformationPage #additionalPhone {
	margin-top: 35px;
}

#profileContactInformationPage #primaryPhone .sub-text-header,
#profileContactInformationPage #additionalPhone .sub-text-header {
	margin-bottom: 15px;
}


#profileContactInformationPage .required-field.hidden-xs {
	float: right;
	margin-top: 10px;
}

#profileContactInformationPage .long-text {
	margin-top: 10px;
}

#profileContactInformationPage .panel-body {
	padding-top: 0;
}

#profileContactInformationPage.profilePage .profile-section {
	padding-bottom: 25px;
}

#profileContactInformationPage #invalidAddress [data-icon]:before {
    font-family: pepmdx2 !important;
    content: attr(data-icon);
    speak: none;
    position: relative;
    top: 1px;
}
#profileContactInformationPage #invalidAddress {
    color: #ff4605;
    font-size: 16px;
    padding-bottom: 10px;

}

/* Mobile only */
@media screen and (max-width: 767px) {
	#profileContactInformationPage.profilePage .panel-default>.panel-heading {
		padding: 8px 20px 7px;
	}
	#profileContactInformationPage.profilePage .contracts {
		margin: 10px 0;
	}
	#profileContactInformationPage .panel-body {
		padding: 0 15px;
	}
	#profileContactInformationPage.profilePage h2 {
		margin: 10px 0;
	}
	#profileContactInformationPage .long-text {
		margin-top: 7px;
	}
	#profileContactInformationPage .contactformationDetailsSection .required-field {
		margin-top: -5px;
		margin-bottom: 12px;
	}
	#profileContactInformationPage.profilePage .profile-section {
		padding: 7px 0 20px;
	}

	#profileContactInformationPage.profilePage .profile-section:first-child .dvui-fieldset{
		margin-bottom: 15px;
	}

	#profileContactInformationPage #primaryPhone {
		margin-top: 20px;
	}
	#profileContactInformationPage #additionalPhone {
		margin-top: 25px;
	}
	#profileContactInformationPage #additionalPhone .sub-text-header {
		margin-bottom: 10px;
	}

	#profileContactInformationPage.profilePage .add-phone {
		margin: 30px 0 17px;
	}

	#profileContactInformationPage.profilePage .profile-section-last {
		padding-bottom: 8px;
		margin-top: 35px;
	}

	#profileContactInformationPage .dvcss-panel-form-footer-actions {
		border-bottom: 1px #E2E7EC solid;
		padding: 18px 0 20px;
	}

	#profileContactInformationPage.profilePage .terms {
		margin-bottom: 25px;
    }

    
}

/**
|-----------------------------------------------------------------------------------------------
| Membership Information
|-----------------------------------------------------------------------------------------------
|
*/
#membershipInformationPage.profilePage .panel-default>.panel-heading {
	padding: 10px 20px 33px;
}
#membershipInformationPage .section {
	padding: 20px 0 20px;
}
#membershipInformationPage .section-title {
	font-family: Avenir-roman, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
	margin-bottom: 20px;
}
#membershipInformationPage .dvcss-panel-form-footer-actions {
	padding-top: 34px;
}
#membershipInformationPage .contractsInformationContainer {
	position: relative;
}
#membershipInformationPage .my-membership-card-link {
	position: absolute;
	right: 0;
}

#membershipInformationPage .membershipInformationDetailsMemberInfo h2 {
	margin-bottom: 30px;
}

#membershipInformationPage  .back-button {
	padding: 10px 0;
}

/** Member Information Main Panel **/
#membershipInformationPage .panel {
	margin-bottom: 0;
}

#membershipInformationPage .memberInformationPanel {
	background: none;
	border: 0;
}

#membershipInformationPage .membershipInformationHeader {
	padding-bottom: 0;
}

#membershipInformationPage .membershipInformationHeader .section-heading .formInputElement {
	vertical-align: middle;
}

#membershipInformationPage .membershipInformationHeader .section-heading .formInputElement .selectBox {
	top: -1px;
	margin: 0;
}

#membershipInformationPage .membershipInformationHeader .section-heading .section-title small {
	display: block;
	font-family: Avenir, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}

#membershipInformationPage .membershipInformationHeader .section-heading .section-title small .peptasia,
#membershipInformationPage .membershipInformationHeader .section-heading .section-title small .pepMdxIcon {
	margin-right: 5px;
}

#membershipInformationPage .membershipInformationHeader .section-heading .section-title small .peptasia {
	vertical-align: baseline;
}

#membershipInformationPage .membershipInformationHeader .section-heading .section-title .media-table .media-body h2 {
	font-family: Avenir-roman, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
	margin-bottom: 0;
	margin-right: 5px;
	display: inline-block;
}

#membershipInformationPage .member-name {
	font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
	font-size: 16px;
	font-weight: 600;
	line-height: 25px;
}

#membershipInformationPage .subText,
#membershipInformationPage p {
	font-family: Avenir-roman, Helvetica, Arial, sans-serif;
	font-size: 14px;
}

#membershipInformationPage .subHeader,
#membershipInformationPage .required-field {
	font-family: Avenir-roman, Helvetica, Arial, sans-serif !important;
	font-size: 14px;
	font-weight: 400;
	color: #8294aa;
}

#membershipInformationPage .required-field {
	position: absolute;
	right: 20px;
}

#membershipInformationPage .terms,
#membershipInformationPage .terms a.profile-link {
	font-family: Avenir-roman, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 12px;
}

#membershipInformationPage .pepMdxIcon {
	position: relative;
	top: 2px;
}

/** Members Details Section **/
#membershipInformationPage .membershipInformationDetailsSection {
	padding-top: 0;
}

#membershipInformationPage .membershipInformationDetailsSection .membershipInformationDetailsMemberInfo {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

#membershipInformationPage .membershipInformationDetailsSection .membershipInformationDetailsMemberInfo strong {
	font-family: Avenir-roman, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

#membershipInformationPage .membershipInformationDetailsSection .membershipInformationDetailsMemberInfo > .media-body > div + div,
#membershipInformationPage .membershipInformationDetailsSection .membershipInformationDetailsMemberInfo > .media-right > div + div {
	margin-top: 10px;
	margin-bottom: 0;
}

#membershipInformationPage .membershipInformationDetailsSection .membershipInformationDetailsMemberInfo .additional-contacts .media {
	margin: 25px 25px 30px 0;
}

#membershipInformationPage .membershipInformationDetailsSection .membershipInformationDetailsMemberInfo .add-associate-link {
	margin-top: 30px;
	clear: both;
}

#membershipInformationPage .panel-heading .media-table>.media-right {
	white-space: normal;
	display: block;
	float: none;
	padding-left: 0;
}

#membershipInformationPage .panel-heading .text-label {
	width: 100%;
}

/** Add Associate Section **/
#sectionAddAssociate {
	position: relative;
	background: #eaf6fc;
	border: none;
	padding: 25px 20px 10px;
}

#sectionAddAssociate:after, #sectionAddAssociate:before {
	bottom: 100%;
	left: 8.5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#sectionAddAssociate:after {
	border-color: rgba(234, 246, 252, 0);
	border-bottom-color: #eaf6fc;
	border-width: 20px;
	margin-left: -20px;
}
#sectionAddAssociate:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #none;
	border-width: 21px;
	margin-left: -21px;
}

#sectionAddAssociate h2 {
	margin: 5px 0;
}
#sectionAddAssociate p {
	margin-bottom: 30px;
}
#sectionAddAssociate .mainText {
	margin: 36px 0 0;
}

#additionalPhone .secondary-phone {
	position: relative;
}

#sectionAddAssociate .sep {
	border: none;
	border-top: 1px solid #e5e5e5;
}

#additionalPhone .phoneControls {
	position: absolute;
	right: 20px;
	top: 30px;
}

#sectionAddAssociate .dvui-fieldset-row {
	margin-bottom: 15px;
}

#sectionAddAssociate #primaryPhone {
	margin-top: 35px;
}

.profilePage #sectionAddAssociate .profile-section.add-phone{
	padding-bottom: 45px;
	margin-top: 35px;
}

#emailWrap .form-row {
	margin-top: 10px;
}

#membershipInformationPage.profilePage .terms {
	margin-bottom: 18px;
}

#membershipInformationPage.profilePage .dvcss-panel-form-footer-actions {
	padding-bottom: 10px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
	#membershipInformationPage {
		font-size: 12px;
	}
	#membershipInformationPage .membershipInformationHeader {
		border-top: 0;
	}
	#membershipInformationPage .subHeader,
	#membershipInformationPage label,
	#membershipInformationPage .subText,
	#membershipInformationPage .required-field {
		font-size: 12px;
	}

	#membershipInformationPage .panel-heading .media-table>.media-right {
		white-space: normal;
		display: table-cell;
		padding-left: 20px;
	}

	#membershipInformationPage .member-name {
		font-size: 14px;
	}
	#membershipInformationPage .required-field {
		position: relative;
		right: inherit;
	}
	#membershipInformationPage .section {
		padding: 11px 5px 15px;
	}

	#membershipInformationPage .section-title {
		font-family: Avenir-roman, Helvetica, Arial, sans-serif;
		font-size: 18px;
		font-weight: 400;
		line-height: 25px;
	}
	#membershipInformationPage .my-membership-card-link {
		position: relative;
		margin-top: 10px;
	}
	#membershipInformationPage .membershipInformationDetailsSection {
		border-top: 0;
	}
	#membershipInformationPage .membershipInformationDetailsSection .membershipInformationDetailsMemberInfo {
		font-family: Avenir-light, Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: 100;
		line-height: 20px;
	}
	#membershipInformationPage .membershipInformationDetailsSection .membershipInformationDetailsMemberInfo strong {
		display: block;
		font-family: Avenir, Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: 600;
		line-height: 20px;
	}
	#membershipInformationPage .membershipInformationDetailsSection .membershipInformationDetailsMemberInfo > .media-body {
		display: block;
	}
	#membershipInformationPage .membershipInformationDetailsSection .membershipInformationDetailsMemberInfo > .media-right {
		margin-top: 10px;
		display: block;
		white-space: normal;
		padding-left: 0;
		text-align: left;
	}
	#membershipInformationPage .membershipInformationDetailsSection .membershipInformationDetailsMemberInfo .additional-contacts .media {
		margin-bottom: 0;
	}
	#membershipInformationPage .memberContractsSection .memberContractItem.singleContract .memberContractToggle > .media > .media-left {
		display: none;
	}
	#membershipInformationPage .memberContractsSection .memberContractItem.singleContract .memberContractCollapsible {
		display: block!important;
		height: auto!important;
		padding-left: 0;
	}
	#additionalPhone .phoneControls {
		width: 100%;
		position: static;
		margin-top: 4px;
	}
	#membershipInformationPage .panel-heading .text-label {
		width: 90px;
	}
	#membershipInformationPage.profilePage .contracts-information {
		line-height: 16px;
	}
	#membershipInformationPage .my-membership {
		margin-top: 20px;
	}
	#membershipInformationPage.profilePage .panel-default>.panel-heading {
		padding-bottom: 20px;
	}
	#membershipInformationPage .membershipInformationDetailsMemberInfo h2 {
		margin-bottom: 20px;
	}
	#sectionAddAssociate:after, #sectionAddAssociate:before {
		left: 14%;
	}
	#membershipInformationPage .addAssociatePanel {
		margin-top: -5px;
	}
	#membershipInformationPage .panel-body {
		padding: 15px 15px 0;
	}
	#membershipInformationPage .add-associate-link {
		margin-top: 18px;
	}
	#membershipInformationPage .required-field {
		margin: 13px 0 10px;
	}
	#sectionAddAssociate .mainText {
		margin: 25px 0 0;
	}
	#sectionAddAssociate p {
		margin-bottom: 20px;
	}
	#sectionAddAssociate #primaryPhone {
		margin-top: 25px;
	}
	#primaryPhone .sub-text-header {
		margin-bottom: 10px;
	}
	#membershipInformationPage.profilePage #sectionAddAssociate .profile-section.add-phone {
		padding-bottom: 35px;
		margin-top: 25px;
	}
	#membershipInformationPage.profilePage #emailWrap {
		padding: 15px 0 10px;
	}
	#membershipInformationPage .dvcss-panel-form-footer-actions {
		padding: 25px 0 12px;
	}
	#membershipInformationPage.profilePage .terms {
		margin-bottom: 30px;
	}

}

/** Profile Membership Information Modal
**	Desktop only
*/
@media screen and (min-width: 768px) {
	.profilePageModal .modal-dialog .modal-title {
		font-family: Avenir,Helvetica,Arial,sans-serif;
		font-size: 24px;
		line-height: 30px;
		margin-top: 10px;
	}
	.profilePageModal .modal-dialog .modal-header {
		border-bottom: none;
		padding-bottom: 0;
	}
	.profilePageModal .modal-dialog .modal-footer {
		border-top: none;
	}
	.profilePageModal .modal-dialog .modal-body {
		text-align: left;
		padding: 15px 30px;
	}
	.profilePageModal .modal-dialog .modal-footer-body {
		border-top: 1px solid #e5e5e5;
		padding: 30px 0 0;
		margin: 10px;
	}
	.profilePageModal .add-phone {
		margin: 55px 0 20px;
	}
	.profilePageModal .add-assocciate-disclaimer {
		border-top: 1px solid #e5e5e5;
		padding: 25px 0 5px;
		margin-top: 30px;
	}
}

/**
|-----------------------------------------------------------------------------------------------
|Communication Preferences
|-----------------------------------------------------------------------------------------------
|
*/
#profileCommPrefPage .panel-default>.panel-heading {
	padding: 10px 20px 15px;
}

#profileCommPrefPage .panel-body {
	padding-top: 0;
}

#profileCommPrefPage .comPrefSection h2 {
	margin-bottom: 10px;
}

#profileCommPrefPage .section-info {
	width: 68%;
	margin: 0 0 40px;
	padding: 0;
}

#profileCommPrefPage.profilePage .profile-section {
	padding-bottom: 50px;
}

#profileCommPrefPage.profilePage .profile-section-last {
	padding-bottom: 44px;
}

#profileCommPrefPage.profilePage .dvcss-panel-form-footer-actions {
	padding: 24px 0 20px;
}

#profileCommPrefPage .membership-label {
	width: 80px;
	display: table-cell;
}

#profileCommPrefPage .media-right {
	white-space: normal;
}

#profileCommPrefPage .comm-pref-info {
	margin-left: 40px;
}

#profileCommPrefPage .comm-pref-info p {
	margin: 0;
}

#profileCommPrefPage .comPrefSection ol {
	margin: 0 0 0 20px;
	list-style-position: inside;
}

#profileCommPrefPage .comPrefSection ol li {
	list-style: disc;
}
#profileCommPrefPage .comPrefSection .input-info {
	color: #8294aa;
	margin-left: 30px;
	width: 80%;
}
#profileCommPrefPage .dvui-fieldset .comm-pref-checkbox {
	padding-bottom: 10px;
}
#profileCommPrefPage .dvui-fieldset .comm-pref-checkbox label,
#profileCommPrefPage .dvui-fieldset .comm-pref-radio span {
	font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
	font-size: 18px;
	font-weight: 600;
	line-height: 18px;
	margin-left: 10px;
}
#profileCommPrefPage .dvui-fieldset .comm-pref-radio span .radio-label {
	margin-left: 15px;
	font-style: normal;
}
#profileCommPrefPage .dvui-fieldset .comm-pref-radio .radio {
	padding: 0;
}
#profileCommPrefPage .section .row {
	margin-top: 45px;
}


/* Mobile only */
@media screen and (max-width: 767px) {
	#profileCommPrefPage .panel-default>.panel-heading {
		padding-bottom: 5px;
	}
	#profileCommPrefPage .comPrefSection {
		margin-top: 38px;
	}
	#profileCommPrefPage .comPrefSection .input-info {
		margin:20px 0 0 40px;
		width: auto;
	}
	#profileCommPrefPage .section-info {
		width: auto;
		margin-bottom: 30px;
	}
	#profileCommPrefPage .comm-pref-info,
	#profileCommPrefPage .comPrefSection .input-info  {
		font-size: 14px;
		line-height: 20px;
	}
	#profileCommPrefPage.profilePage .contracts {
		margin: 10px 0;
	}
	#profileCommPrefPage .comPrefSection h2 {
		margin-bottom: 8px;
	}
	#profileCommPrefPage .section .row {
		margin-top: 30px;
	}
	#profileCommPrefPage.profilePage .dvcss-panel-form-footer-actions {
		padding: 20px 0 20px;
		border-bottom: 1px #E2E7EC solid;
	}
	#profileCommPrefPage.profilePage .terms {
		margin-bottom: 25px;
	}
}

/**************************************************
 * DVC Site Search Page - site-search.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #2 $
 * $Change: 1636081 $
 * $Date: 2016/06/21 $
 **************************************************/

#partialSearchBody {
    margin-bottom: 0;
}

#partialSearchBody > .panel-heading {
    padding: 0;
}

#partialSearchBody > .panel-heading > .panel-title {
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 23px 0 21px 20px;
}

#partialSearchBody > .panel-body {
    padding-top: 0;
    padding-bottom: 0;
}

#partialSearchBody .dvui-facet-actions {
    margin: 0;
}

#partialSearchBody .dvui-facet-actions > li {
    position: relative;
    margin: 0 -3px 0 0;
    padding: 18px 20px 18px;
}

#partialSearchBody .dvui-facet-actions > li .hr-faded-y {
    position: absolute;
    top: 0;
    right: -1px;
}

#evoSearchResults {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

#evoSearchResults a {
    text-decoration: none;
}

#evoSearchResults a:hover h3{
    text-decoration: underline;
}

@media screen and (max-width: 767px) {

    #partialSearchBody > .panel-body {
        padding-left: 10px;
        padding-right: 10px;
    }

    #partialSearchBody > .panel-heading > .panel-title {
        color: #253b56;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        padding: 9px 0 8px 10px;
    }

    #evoSearch dd.visible-xs > button {
        margin-bottom: 20px;
    }

    #evoSearchFacet {
        display: none;
        overflow-y: auto;
    }

    #evoSearchFacet.facet-opened-xs {
        display: block;
        position: fixed;
        z-index: 100004;
        height: 100%!important;
        width: 100%;
        background: #ebf6fc;
        overflow: hidden;
        top: 0!important;
        left: 0;
        bottom: 0;
        right: 0;
    }

    #evoSearchFacet.facet-opened-xs .dvui-facet-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        /* prevent from dragging */
        -webkit-user-drag: none;
    }

    #evoSearchFacet.facet-opened-xs .dvui-facet-footer-body {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #ebf6fc;
        border-top: 1px solid #dfdfdf;
        padding: 15px;
        /* prevent from dragging */
        -webkit-user-drag: none;
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #evoSearchFacet .dvui-facet {
        position: absolute;
        top: 0!important;
        bottom: 71px!important;
        left: 0;
        padding-bottom: 0;
        width: 100%;
        background: #ebf6fc;
        border-radius: 0;
        overflow-y: hidden;
    }

    #evoSearchFacet .dvui-facet .open-shown {
        display: block;
    }

    #evoSearchFacet .dvui-facet .dvui-facet-toggle-close {
        display: none;
    }

    #evoSearchFacet .dvui-facet .panel[class*="col-"] > .panel-heading {
        background: #fff;
        border-bottom: 1px solid #dfdfdf;
    }

    #evoSearchFacet .dvui-facet .panel[class*="col-"] > .panel-heading a {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 32px;
        color: #00739a;
    }

    #evoSearchFacet .dvui-facet .panel[class*="col-"] > .panel-heading a.collapsed {
        color: #253b56;
    }

    #evoSearchFacet .dvui-facet .panel[class*="col-"] > .panel-heading .caret-wrapper {
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: top;
        margin-right: 8px;
    }

    #evoSearchFacet .dvui-facet .panel[class*="col-"] > .panel-heading .caret {
        border-top: 7px solid;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        position: relative;
        top: -2px
    }

    #evoSearchFacet .dvui-facet .panel[class*="col-"] > .panel-heading .collapsed .caret {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 0;
        border-left: 7px solid;
        color: #a1afc0;
        position: relative;
        left: 5px;
    }

}



/* Section
* =================== */

@media screen and (max-width: 767px) {

    #evoSearchFacet.facet-opened-xs .dvui-facet .panel[class*="col-"] {
        position: static;
        display: block;
        border: 0;
        height: auto!important;
    }

    #evoSearchFacet.facet-opened-xs .dvui-facet .dvui-facet-section {
        position: static;
        border: 0;
        padding: 0;
    }

    #evoSearchFacet.facet-opened-xs .dvui-facet .dvui-facet-section ol {
        position: fixed;
        top: 53px;
        bottom: 75px;
        left: 0;
        padding-bottom: 0;
        width: 100%;
        overflow-y: auto;
    }

    #evoSearchFacet.facet-opened-xs .dvui-facet .collapsing .dvui-facet-section-footer,
    #evoSearchFacet.facet-opened-xs .dvui-facet .dvui-facet-section-footer {
        display: none;
    }

    #evoSearchFacet.facet-opened-xs .dvui-facet .collapse.in .dvui-facet-section-footer {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        padding: 0 0 15px 15px;
    }

}

/* Section
* =================== */

@media screen and (max-width: 767px) {

    #evoSearchFacet.facet-opened-xs .dvui-facet .dvui-facet-checkbox-group > li {
        padding: 10px 15px;
        border-top: 1px solid #dfdfdf;
    }

    #evoSearchFacet.facet-opened-xs .dvui-facet .dvui-facet-checkbox-group > li:first-child {
        border-top: 0 solid #dfdfdf;
    }

    #evoSearchFacet.facet-opened-xs .dvui-facet .dvui-form-checkbox {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 32px;
        color: #253b56;
        padding-left: 31px;
    }

    #evoSearchFacet.facet-opened-xs .dvui-facet .dvui-form-checkbox > i {
        top: 8px;
    }

}

/* Load More Section
* =================== */

#evoSearchLoadMore {
    margin-top: 20px;
    margin-bottom: 10px;
}


/*!
 * Search Null State
 * ========================================
 *
 *
 */

#partialSearchNullContainer {
    max-width: 618px;
    margin: 0 auto;
    padding: 8px 0 40px;
}

#partialSearchNullContainer .partialSearchNullContainerFeatured {
    margin-bottom: 12px;
}

#partialSearchNullContainer .partialSearchNullContainerHeadingColumn,
#partialSearchNullContainer .partialSearchNullContainerFeaturedImageColumn {
    vertical-align: middle;
}

#partialSearchNullContainer .partialSearchNullContainerHeading {
    color :#253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 27px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
    margin-right: 45px;
}

#partialSearchNullContainer .partialSearchNullContainerFeaturedImage {
    position: relative;
    top: -35px;
}

@media screen and (max-width: 767px) {

    #evoSearch.partialSearchNull .partialSearchBody {
        margin-bottom: 0;
    }

    #evoSearch.partialSearchNull .partialSearchBody.partialSearchNullBody > .panel-heading {
        background-color: #e5f3f8;
        border-radius: 10px 10px 0 0;
    }

    #evoSearch.partialSearchNull .partialSearchBody.partialSearchNullBody > .panel-heading > .panel-title {
        color :#253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        padding-top: 10px;
        padding-bottom: 12px;
    }

    #evoSearch.partialSearchNull .partialSearchBody.partialSearchNullBody > .panel-body {
        padding: 0 25px;
    }

    #partialSearchNullContainer {
        padding: 25px 0 30px;
    }

    #partialSearchNullContainer .partialSearchNullContainerFeatured {
        margin-bottom: 30px;
    }

    #partialSearchNullContainer .partialSearchNullContainerHeading {
        color :#253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 27px;
        font-weight: 400;
        line-height: 30px;
    }

}

/* partialSearchNullContainerTips
* =================== */

#partialSearchNullContainer .partialSearchNullContainerTips {
    background: none;
    border-color: #a1afc0;
    margin-bottom:0;
    padding: 13px 16px 16px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.0);
    box-shadow: inset 0 0 0 rgba(0,0,0,.0);
}

#partialSearchNullContainer .partialSearchNullContainerTips h5 {
    color :#253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-right: 0;
    margin-bottom: 4px;
}

#partialSearchNullContainer .partialSearchNullContainerTips ul {
    color :#253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
    margin: 0 0 0 16px;
}

#partialSearchNullContainer .partialSearchNullContainerTips ul > li {
    color :#253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
    margin-bottom: 14px;
}

#partialSearchNullContainer .partialSearchNullContainerTips ul > li:last-child{
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {

    #partialSearchNullContainer .partialSearchNullContainerTips {
        padding-bottom: 15px;
    }

    #partialSearchNullContainer .partialSearchNullContainerTips h5 {
        color :#253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin-right: 0;
        margin-bottom: 11px;
    }

    #partialSearchNullContainer .partialSearchNullContainerTips ul > li{
        color :#253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-weight: 400;
        line-height: 13px;
        margin-bottom: 18px;
    }

    #partialSearchNullContainer .partialSearchNullContainerTips ul > li:last-child{
        margin-bottom: 0;
    }

}

/*!
 * Search No Results Match
 * ========================================
 *
 *
 */

#partialSearchNoResultsMatch {
    color :#a1afc0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}

#partialSearchNoResultsMatch .partialSearchNoResultsMatchContent {
    padding-top: 56px;
    padding-bottom: 60px;
}

#partialSearchNoResultsMatch p,
#partialSearchNoResultsMatch div {
    color :#a1afc0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 0;
}

#partialSearchNoResultsMatch a {
    color :#00739a;
}

#modalPaddingLayer .warningModal.fullModal.ui-widget-content #modalUIPlusButtonPane .warningCancelBtn {
    background-color: #eef6fa;
}

#modalPaddingLayer .warningModal.fullModal.ui-widget-content #modalUIPlusButtonPane .warningCancelBtn:hover {
    background-color: #e3ebf7;
}

@media screen and (max-width: 767px) {

    #partialSearchNoResultsMatch,
    #partialSearchNoResultsMatch p,
    #partialSearchNoResultsMatch div {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }

    #partialSearchNoResultsMatch .partialSearchNoResultsMatchContent {
        padding-top: 27px;
        padding-bottom: 28px;
    }

}

#evoSearch #partialSearchNoResultsMatch {
    display: none;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    #dvcSearchResults #main_footer {
       margin: 20px 10px 0;
    }

    #dvcSearchResults #footer.partialGlobalFooter {
        margin: 0;
    }
}

/* Tablet only */
@media screen and  (min-width: 768px) and (max-width: 991px) {

    #dvcSearchResults #main_footer {
       margin: 20px 20px 0;
    }

    #dvcSearchResults #footer.partialGlobalFooter {
        margin: 20px;
    }

}

.dvui-search-result.planDisney .dvui-search-result-body {
    cursor: auto;
}

.dvui-search-result.planDisney a.resultDimmer:hover,
.dvui-search-result.planDisney a.resultDimmer:focus {
    text-decoration: underline !important;
}

.dvui-search-result.planDisney .dvui-max-width-620 {
    max-width: 918px;
}

.dvui-search-result .dvui-search-result-body .seeMoreResults {
    float: left;
    font-size: 13px;
    height: 20px;
    margin: 34px 0 0 6px;
}

.dvui-search-result .dvui-search-result-body .question {
    float: left;
    width: 100%;
    line-height: 1.45;
    margin-bottom: 3px;
}

.dvui-search-result .dvui-search-result-body .answer {
    float: left;
    width: 100%;
    line-height: 1.5;
}

.dvui-search-result .dvui-search-result-body .question .letterIcon, 
.dvui-search-result .dvui-search-result-body .answer .letterIcon {
    color: #dfdfdf;
    float: left;
    font-size: 35px;
    font-weight: bold;        
}

.dvui-search-result .dvui-search-result-body .question .questionContainer, 
.dvui-search-result .dvui-search-result-body .answer .answerContainer {
    float: left;
    margin-left: 2%;
    width: 87%;
}

.dvui-search-result .dvui-search-result-body .answer .answerContainer {
    margin-bottom: 18px;
}

.dvui-search-result .dvui-search-result-body .question .questionHeader, 
.dvui-search-result .dvui-search-result-body .answer .answerHeader {
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px;
}

.dvui-search-result.planDisney hr.dvui-hr-faded {
    width: 110%;
}

@media screen and (max-width: 500px) {
    
    .dvui-search-result.planDisney .planDisneyIcon {
        width: 177px;
        height: auto;
    }

    .dvui-search-result.planDisney .dvui-pull-left {
        float: none;
    }

    .dvui-search-result.planDisney .dvui-search-result-body .seeMoreResults {
        margin: 6px 0 0;
    }
}   

@media screen and (max-width: 767px) {
    .dvui-search-result .dvui-search-result-body .question .questionHeader, 
    .dvui-search-result .dvui-search-result-body .answer .answerHeader {
        font-size: 12px;
    }
}    
/**************************************************
 * DVC Sign In Page - sign-in.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/

#pageSignIn {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 50px;
}

#pageSignIn .dvui-form-header {
    padding-bottom: 21px;
}

#pageSignIn .dvui-form-header > h1 {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
}

#pageSignIn .signInFrame {
    padding-bottom: 28px;
}

#pageSignIn .dvui-brand img {
    max-width: 296px;
}

@media screen and (max-width: 767px) {

    #pageSignIn {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #pageSignIn .dvui-brand {
        margin-bottom: 11px;
    }

    #pageSignIn .dvui-brand img {
        width: 213px;
    }

    #pageSignIn .dvui-form-header {
        margin-top: -6px;
        padding-bottom: 19px;
    }

    #pageSignIn .dvui-form-header > h1 {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 100;
        line-height: 25px;
    }

    #pageSignIn .signInFrame {
        margin-left: 0;
        margin-right: 0;
    }

    #pageSignIn .signInFrame .horizontalSeparator {
        margin-top: 30px;
        margin-bottom: 27px;
    }

}


/* partialSignInInputs
 * =================== */

#pageSignIn .uiPlus .partialSignInInputs.usernamePasswordWrap {
    margin-top: 0;
}

#pageSignIn .uiPlus .partialSignInInputs .jsvfElement {
    display: block;
    margin-right: 0;
}

#pageSignIn .uiPlus .partialSignInInputs .jsvfElement > label {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    vertical-align: middle;
}

#pageSignIn .uiPlus .partialSignInInputs .uiToolTip {
    vertical-align: middle;
    margin-bottom: -4px;
    top: -2px;
}

#pageSignIn .uiPlus .partialSignInInputs .uiToolTip #question_helper {
    margin-bottom: 0;
}

#pageSignIn .uiPlus .partialSignInInputs .textInput input {
    display: block;
    width: 100%;
    margin-top: 6px;
    margin-bottom: 1px;
}

#pageSignIn .uiPlus .partialSignInInputs .lcol {
    padding-right: 30px;
}

#pageSignIn .uiPlus .partialSignInInputs .rcol {
    padding-left: 30px;
}

#pageSignIn .uiPlus .partialSignInInputs .partialSignInInputsLink {
    text-align: left;
}

@media screen and (max-width: 767px) {

    #pageSignIn .uiPlus .partialSignInInputs {
        margin-bottom: -8px;
    }

    #pageSignIn .uiPlus .partialSignInInputs .jsvfElement {
        margin-right: 0;
    }

    #pageSignIn .uiPlus .partialSignInInputs .lcol {
        padding-right: 0;
        padding-bottom: 6px;
    }

    #pageSignIn .uiPlus .partialSignInInputs .rcol {
        padding-left: 0;
    }

    #pageSignIn .uiPlus .partialSignInInputs .partialSignInInputsLink {
        text-align: right;
        margin-top: 11px;
    }

    #pageSignIn .uiPlus .partialSignInInputs .textInput input {
        margin-top: 15px;
        margin-bottom: 1px;
    }

}


/* partialSignInActions
 * =================== */

#pageSignIn .uiPlus .partialSignInActions {
    margin: 21px 0 26px;
}

#pageSignIn .uiPlus .partialSignInActions .partialSignInActionsButtons {
    margin-right: -6px;
}

#pageSignIn .uiPlus .partialSignInActions .partialSignInActionsButtons > .pillSubmit {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    margin: 0 7px;
}

#pageSignIn .uiPlus .partialSignInActions .partialSignInActionsButtons > .pillSubmit .pillBase {
    min-width: 100px;
}

#pageSignIn .uiPlus .partialSignInActions .partialSignInActionsButtons .pillBase .gradient,
#pageSignIn .uiPlus .partialSignInActions .partialSignInActionsButtons .pillBase .buttonText {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important; /* DVCP-814 */
}

#pageSignIn .uiPlus .partialSignInActions .partialSignInActionsRemember .partialSignInActionsRememberMe {
    position: relative;
    top: 4px;
}

@media screen and (max-width: 767px) {

    #pageSignIn .uiPlus .partialSignInActions {
        padding-top: 1px;
        margin-bottom: 19px;
    }

    #pageSignIn .partialSignInActions .partialSignInActionsRemember {
        display: block;
        margin-bottom: 28px;
        /* max-width: 300px; */
    }

    #pageSignIn .uiPlus .partialSignInActions .partialSignInActionsRemember:before,
    #pageSignIn .uiPlus .partialSignInActions .partialSignInActionsRemember:after {
        display: table;
        content: " ";

    }

    #pageSignIn .uiPlus .partialSignInActions .partialSignInActionsRemember:after {
        clear: both;
    }

    #pageSignIn .uiPlus .partialSignInActions .partialSignInActionsRemember .partialSignInActionsRememberMe {
        top: -1px;
    }

    #pageSignIn .uiPlus .partialSignInActions .partialSignInActionsRemember .partialSignInActionsRememberMe #login_remember_me_label  {
       font-size: 12px;
    }


    #pageSignIn .uiPlus .partialSignInActions .partialSignInActionsButtons {
        display: block;
        float: none;
        margin-left: -6px;
    }

    #pageSignIn .uiPlus .partialSignInActions .partialSignInActionsButtons:before,
    #pageSignIn .uiPlus .partialSignInActions .partialSignInActionsButtons:after {
        display: table;
        content: " ";

    }

    #pageSignIn .uiPlus .partialSignInActions .partialSignInActionsButtons:after {
        clear: both;
    }

    #pageSignIn .uiPlus .partialSignInActions .partialSignInActionsButtons #login_cancel {
        float: left;
    }

    #pageSignIn .uiPlus .partialSignInActions .partialSignInActionsButtons #login_submit {
        float: right;
    }

}

/* partialSignInDisclaimer
 * =================== */

@media screen and (max-width: 767px) {

    #pageSignIn #partialSignInDisclaimer {
        color: #65778a;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
    }

}

/* Header Error
 * =================== */

#pageSignIn #login_header_error {
    margin-top: 5px;
    margin-bottom: 1px;
}

#pageSignIn #login_header_error .cn-icon-error {
    position: relative;
    top: -5px;

    font-size: 21px;
    margin-right: 4px;
    vertical-align: middle;
}

#pageSignIn #login_header_error .error_message {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;

    overflow: hidden;
    display: block;
    margin: 0;
}

#pageSignIn .signInFrame .uiPlus .inlineErrors {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin: 7px 0 20px 17px;
}

@media screen and (max-width: 767px) {

    #pageSignIn #login_header_error {
        margin-top: -2px;
        margin-bottom: -2px;
    }

    #pageSignIn #login_header_error .cn-icon-error {
        top: -5px;

        font-size: 21px;
        vertical-align: middle;
    }

    #pageSignIn #login_header_error .error_message {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
        margin-top: 4px;
        margin-bottom: 0;
    }

    #pageSignIn .signInFrame .uiPlus .inlineErrors {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        margin-top: 4px;
        margin-left: 15px;
        margin-bottom: 22px;
        padding-top: 0;
    }

}


#partialSignInBottomInfo.dvui-reg-footer > ul > li > a > .media > .media-body {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}


/* partialSignInLockedOut
 * =================== */

#pageSignIn #partialSignInLockedOut .partialSignInLockedOutRetrievalList {
    margin-top: 7px;
    padding-left: 45px;
}

#pageSignIn #partialSignInLockedOut .partialSignInActions.closeButtonWrap {
    text-align: right;
}

/**************************************************
 * DVC Forgot Username Page - forgot-username.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/

/* partialForgotUsernameHeader
 * =================== */

#pageForgotUsername .partialForgotUsernameHeader > .dvui-fieldset-header {
    padding-bottom: 0;
}

@media screen and (max-width: 767px) {

    #pageForgotUsername .dvui-error-state-header {
        padding-top: 3px;
        padding-bottom: 4px;
    }
}
/**************************************************
 * DVC Forgot Password Page - forgot-password.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/

/* partialForgotPasswordHeader
 * =================== */

#pageForgotPassword .partialForgotPasswordHeader > .dvui-fieldset-header {
    padding-bottom: 0;
}

@media screen and (max-width: 767px) {

    #pageForgotPassword .dvui-error-state-header {
        padding-top: 3px;
        padding-bottom: 4px;
    }
}
/**************************************************
 * Link Account Page - link-account.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1636081 $
 * $Date: 2016/06/21 $
 **************************************************/

#pageCreateAccountLinkAccount .reg_form {
    padding-bottom: 0;
}

#mdxCreateAccountMessageContent button {
    outline: none;
}

#partialLinkAccountIntro .horizontalSeparator {
    margin-top: 0;
    margin-bottom: 34px;
}

#partialLinkAccountYourMembershipId ul {
    margin-bottom: 28px;
}

#pageLinkAccount .partialLinkAccountDisneySites > p {
    margin-top: 23px;
}

#pageLinkAccount #associateAccount .dvui-fieldset-row > dl.formHandler, .dvui-fieldset-row > .formHandler {
    margin: 0 -3px 0 0;
}

/**************************************************
 * Link Account - Email Page - link-account-email.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/

#associateAccount h1 {
    font-size: 28px;
    font-weight: 100;
    color: #253b56;
    font-family: Avenir;
    margin: 0 0 23px 0;
    line-height: 36px;
}

#associateAccount form .formHandler {
    display: block;
}

#associateAccount form .formHandler > ul {
    margin-right: 0;
}

#associateAccount form .formHandler dt {
    display: block;
    float: none;

    margin-right: 0;
}

#associateAccount form .formHandler label {
    display: block;
    font-weight: normal;
}

#associateAccount form .formHandler ul li {
    margin: 0 0 9px 0;
    padding: 0;
}

#associateAccount.contentWrapper .horizontalSeparator {
    margin: 0 0 15px;
}

#associateMembershipIdConfirmation {
    float: right;
    padding-top: 10px;
}

#associateAccount .linkAccountEmailInfo {
   font-family: Avenir, Helvetica, Arial, sans-serif;
}

#associateAccount .linkAccountEmailRadioButton {
    float: left;
}

#associateAccount .linkAccountEmailInfo {
    display: block;
    overflow: hidden;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #associateAccount p {
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #associateAccount h1 {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    #associateAccount.contentWrapper .topPartHorizontalSeparator.horizontalSeparator {
        margin-bottom: 17px
    }

    #associateAccount li label {
        font-size: 14px;
        line-height: 20px;
    }

    #associateAccount #associateAccountButtons {
        position: fixed;
        bottom: 0;
        left: 0;

        background-color: #fff;
        width: 100%;
    }

    #associateAccount.contentWrapper .horizontalSeparator {
        margin: 0;
    }

    #associateAccount .doneButtonWrap {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #associateAccount .linkAccountEmailRadioButton {
        float: left;
    }

    #associateAccount .linkAccountEmailInfo {
        display: block;
        overflow: hidden;
    }

}

@media screen and (max-width: 767px) {

    #link-account-email.dvui-bg-primary {
         background-color: #FFF;
         background-image: none;
    }

    #link-account-email .contentWrapper {
        box-shadow: none;
        padding: 15px 10px 85px 10px;
    }

    #link-account-email .signInWrapper {
        max-width: 100%;
        margin: 0;
    }

    #link-account-email .dvui-fieldset-col-radio.dvui-fieldset-col-radio-inline > label {
        margin-right: 0;
    }

}

/**************************************************
 * 500 error Page - 500.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632953 $
 * $Date: 2016/05/25 $
 **************************************************/
 
#pageDFM500 {
    text-align: center;
}

#pageDFM500 .innerContentStage {
    padding-top: 46px;
    padding-bottom: 49px;
    text-align: center;
}

#pageDFM500 .pageDFM500Title {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 17px;
}

#pageDFM500 .pageDFM500Description {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 27px;
}

#pageDFM500.serviceDfm {
    padding-top: 27px;
}

@media screen and (max-width: 767px) {

    #pageDFM500 .innerContentStage {
        padding-top: 27px;
        padding-bottom: 29px;
    }

    #pageDFM500 .pageDFM500Title {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 28px;
        font-weight: 400;
        margin-bottom: 16px;
    }

    #pageDFM500 .pageDFM500Description {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 32px;
    }

}

/**************************************************
 * 404 error Page - 404.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632953 $
 * $Date: 2016/05/25 $
 **************************************************/

.dfm404Content {
    margin: 35px auto;
    width: 80%;
}

.dfm404ImageHolder {
    width: 50%;
}

.dfm404ImageHolder img {
    display: block;
    margin: 0 auto;
}

.dfm404Description {
    margin-left: -5%;
    margin-top: 10%;
    width: 50%;
}

.dfm404Title {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
}

.dfm404DetailedDescription {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

@media screen and (max-width: 767px) {

    .dfm404Container {
        margin-top: -15px;
    }

}

/**************************************************
 * 500 error Page - 500.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632953 $
 * $Date: 2016/05/25 $
 **************************************************/
 
#pageDFMRegistrationError {
    height: 100%;
}

#pageDFMRegistrationError .inner-container {
    margin: 100px auto 0;
}

#pageDFMRegistrationError .inner-container h1 {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 11px;
}

#pageDFMRegistrationError .inner-container .lead {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

#pageDFMRegistrationError .inner-container .img-holder {
    margin-right: 20px;
}

#pageDFMRegistrationError .inner-container .img-holder > i {
    font-style: normal;
}

#pageDFMRegistrationError .inner-container .img-holder > i > .text-muted {
    color: #8294aa;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
}

#pageDFMRegistrationError .inner-container .content-holder {
    margin-top: 15px;
}

#pageDFMRegistrationError .inner-container img {
    margin-right: 0;
}

@media screen and (max-width: 767px) {

    #pageDFMRegistrationError .inner-container {
        max-width: none;
        margin: 20px auto 0;
    }

    #pageDFMRegistrationError .inner-container .img-holder {
        margin-right: 0;
        margin-bottom: 17px;
        text-align: center;
    }

    #pageDFMRegistrationError .inner-container .img-holder > i {
        display: inline-block;
        text-align: left;
    }

    #pageDFMRegistrationError .inner-container .img-holder > i > img {
        margin-right: auto;
    }

    #pageDFMRegistrationError .inner-container .img-holder > i > .text-muted {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        margin-left: 10px;
    }

    #pageDFMRegistrationError .inner-container .content-holder {
        text-align: center;
    }

    #pageDFMRegistrationError .inner-container h1 {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 11px;
    }

}

/**************************************************
 * 500 error Page - 500.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632953 $
 * $Date: 2016/05/25 $
 **************************************************/
 
#pageDFMLoginUnavailable {
    font-size: 12px;
}

#pageDFMLoginUnavailable .innerContentWrapper {
    font-size: 12px;
    height: 100%;
    min-height: 100%;
    margin: 0 auto;
    max-width: 560px;
    padding-top: 74px;
    padding-bottom: 48px;
}

#pageDFMLoginUnavailable .innerContentWrapper .brand {
    margin-bottom: 15px;
}

#pageDFMLoginUnavailable .innerContentWrapper .brand img {
    max-width: 296px;
}

#pageDFMLoginUnavailable .innerContentWrapper .signInDVCLogo {
    margin: 0 auto 15px auto;
}

#pageDFMLoginUnavailable .dvui-content-stage {
    padding: 40px;
    text-align: center;
    margin-top: 0;
}

#pageDFMLoginUnavailable .dvui-content-stage h1 {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 32px;
    margin-bottom: 18px;
}

#pageDFMLoginUnavailable .dvui-content-stage .lead {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-bottom: 40px;
}

/* Mobile Version */
@media screen and (max-width: 767px) {

    #pageDFMLoginUnavailable .innerContentWrapper .brand img {
        max-width: 213px;
    }

    #pageDFMLoginUnavailable .innerContentWrapper {
        padding-top: 20px;
    }

    #pageDFMLoginUnavailable .dvui-content-stage {
        padding: 30px;
    }

    #pageDFMLoginUnavailable .dvui-content-stage h1 {
        font-size: 28px;
        margin-bottom: 18px;
    }

    #pageDFMLoginUnavailable .dvui-content-stage .lead {
        margin-bottom: 30px;
    }

}

/**************************************************
 * DFM Dino Sorry - dino-sorry.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1636081 $
 * $Date: 2016/06/21 $
 **************************************************/

#dfm .dfmPanel {
    margin-top: 55px;
}

#dfm .errorMessage .DFMWrapper.panel-body {
    padding-bottom: 0;
    padding-top: 0;
}

#dfm .errorMessage .DFMWrapper .dvcss-dt {
    margin: 0 auto;
    padding-left: 40px;
}

#dfm .errorMessage .DFMWrapper .dvcss-dt img {
    margin-top: -45px;
}

#dfm .errorMessage .DFMWrapper .dvcDesktopDesc .dvcDesktopDescInner .dvcss-section-h1 {
    margin-left: 30px;
    margin-bottom: 20px;
}

#dfm .errorMessage .DFMWrapper .dvcDesktopDesc .dvcDesktopDescInner {
    width: 400px;
}

#dfm .errorMessage .DFMWrapper .dvcDesktopDesc .dvcDesktopDescInner .DFMDescription {
    margin-left: 30px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dfm .errorMessage .DFMWrapper.panel-body {
        text-align: center;
    }

    #dfm .errorMessage .DFMWrapper.panel-body .DFMDescription {
        padding: 0 20px 18px 20px;
    }

    #dfm .errorMessage .DFMWrapper .dvcss-dt {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #dfm .errorMessage .DFMWrapper img {
        position: relative;
        z-index: 1;
        margin-bottom: 0;
        height: 300px;
    }

    #dfm .errorMessage .DFMWrapper .dvcMobileDesc .dvcss-section-title {
        margin: 18px auto 5px;
        max-width: 250px;
    }

    #dfm .errorMessage .dvcMembershipNewsOffersSection .dvcss-section-title {
        font-family: Avenir-light,Helvetica,Arial,sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
    }

    #dfm .errorMessage .DFMWrapper .dvcMobileDesc .dvcMembershipNewsOffersDFMDescription {
        margin: 0 auto;
        max-width: 250px;
        font-family: Avenir-roman,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    #dfm .errorMessage .DFMWrapper .dvcss-dt .dvcss-dt-cell {
        display: block;
        text-align: center;
    }

    #dfm .errorMessage .DFMWrapper .dvcss-hr-faded {
        position: relative;
        z-index: 0;
        box-shadow: 0 -1px 2px 0 #ddd;
    }
    
    #pageDFM500 .innerContentStage.serviceUnavailable {
        margin-left: 0;
        margin-right: 0;
    }
    
}

/**************************************************
 * Event Calendar - event-calendar.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1636006 $
 * $Date: 2016/06/21 $
 **************************************************/

/*
| Event Filters
| This is to implement generic id of filters for future use
|==========================================================
*/

#dvcListFilters .dvcss-panel-nav .checkbox .span {
    color: #00739a;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}

#dvcListFilters a.dropdown-toggle:hover {
    text-decoration: underline;
}

/* desktop only */
@media screen and (min-width: 768px) {
    #dvcListFilters .nav-tabs .dropdown-menu .panel > .collapse {
        display: block;
        height: auto!important;
    }

    #dvcListFilters .nav-tabs .dropdown-menu .panel > .collapse:nth-of-type(2) {
        margin-top: 0;
    }

    #dvcListFilters .nav-tabs .dropdown-menu .panel > .collapse:not(:nth-of-type(2)) {
        padding-top: 8px;
    }

    #dvcListFilters.dvcss-panel-nav .radio.radio-selection {
        padding-top: 0;
        padding-bottom: 0;
    }

    #dvcListFilters.dvcss-panel-nav .radio.radio-selection span {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        padding: 2px 16px 4px;
    }

    #dvcListFilters.dvcss-panel-nav .radio.radio-selection input:focus + span,
    #dvcListFilters.dvcss-panel-nav .radio.radio-selection span:hover {
        background: #00739a;
        color: #fff;
        font-weight: 400;

        transition-property: background-color,color;
        transition-duration: .3s;
        transition-timing-function: ease-out;
        -webkit-transition-property: background-color,color;
        -webkit-transition-duration: .3s;
        -o-transition-property: background-color,color;
        -o-transition-duration: .3s;
    }
}

/* mobile query */
@media screen and (max-width: 767px) {

    #dvcDestinationFilter {
        padding: 20px;
    }

    #dvcListFilters a:hover {
        text-decoration: none !important;
    }

    #dvcListFilters {
        display: none;
    }

    #dvcListFilters.dvcss-modal-opened-xs {
        display: block;
        position: fixed;
        top: 0!important;
        bottom: 0;
        left: 0;
        z-index: 100004;
        height: 100%!important;
        width: 100%;
        background: #ebf6fc;
        overflow: hidden;
    }

    #dvcListFilters.dvcss-modal-opened-xs .panel-nav-body {
        position: relative;

        height: 100%;
    }

    #dvcListFilters .nav-tabs {
        position: absolute;
        top: 0!important;
        bottom: 71px!important;
        left: 0;
        padding-bottom: 0;
        width: 100%;
        background: #ebf6fc;
        border-radius: 0;
        overflow-y: scroll;

        -webkit-overflow-scrolling:touch;
    }

    #dvcListFilters .nav-tabs > li {
        display: block;
        border: 0;
        margin: 0;
    }

    .dvcss-panel > #dvcListFilters .nav-tabs > li.open:after {
        display: none;
    }

    #dvcListFilters .nav-tabs > li > a {
        display: none;
    }

    #dvcListFilters .nav-tabs > li.nav-divider {
        display: none;
    }

    #dvcListFilters .nav-tabs .dropdown-menu {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        float: none;
        background: none;
        border-radius: 0;
        margin: 0;
        padding: 0;
        z-index: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #dvcListFilters .nav-tabs .dropdown-menu .panel {
        background: none;
        border: 0;
        margin-bottom: 0;
        box-shadow: none;
    }

    #dvcListFilters .nav-tabs .dropdown-menu .panel .panel-heading {
        background: #fff;
        border-bottom: 1px solid #dfdfdf;
        border-radius: 0;
        padding: 2px 13px 1px;
    }

    #dvcListFilters .nav-tabs .dropdown-menu .panel .panel-heading a {
        color: #00739a;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 32px;
        vertical-align: middle;
    }

    #dvcListFilters .nav-tabs .dropdown-menu .panel .panel-heading .caret {
        position: relative;
        top: -2px;
        border-top: 7px solid;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        margin-right: 11px;
    }

    #dvcListFilters .nav-tabs .dropdown-menu .panel .panel-heading .dvcss-pepmdxicon {
        top: 3px;
        margin-right: 9px;
        font-size: 16px;
    }

    #dvcListFilters .nav-tabs .dropdown-menu .panel .panel-heading .collapsed .dvcss-pepmdxicon {
        top: 2px;
        left: 1px;
        color: #a1afc0;
    }

    #dvcListFilters .nav-tabs .dropdown-menu .panel .panel-heading .collapsed .caret {
        position: relative;
        left: 5px;
        margin-right: 18px;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 0;
        border-left: 7px solid;
        color: #a1afc0;
    }

    #dvcListFilters .nav-tabs .dropdown-menu .panel .panel-heading a.collapsed {
        color: #253b56;
    }

    #dvcListFilters .form-row,
    #dvcListFilters .dvcss-form .form-row {
        display: table;
        position: relative;
        padding: 0;
        min-height: 60px;
        width: 100%;
        border-bottom: 1px solid #dfdfdf;
    }

    #dvcListFilters .checkbox,
    #dvcListFilters .radio {
        display: table-cell;
        position: static;
        padding: 0 15px 0 35px;
        height: 60px;
        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: normal;
        vertical-align: middle;
    }

    #dvcListFilters .checkbox input,
    #dvcListFilters .radio input {
        top: 18px;
    }

    #dvcListFilters .checkbox span,
    #dvcListFilters .radio span {
        position: static;
        padding-left: 7px;
        max-width: 196px;
        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
    }

    #dvcListFilters .radio-selection input[type="radio"] + span::before {
        display: inline;
    }

    #dvcListFilters .radio-selection input[type="radio"] + span::after {
        display: inline;
    }

    #dvcListFilters .checkbox span::before,
    #dvcListFilters .radio span::before {
        top: 21px;
        left: 34px;
    }

    #dvcListFilters .checkbox span::after {
        top: 21px;
        left: 34px;
    }

    #dvcListFilters .radio span::after {
        left: 37px;
        top: 24px;
    }

    #dvcListFiltersFooter {
        position: absolute;
        bottom: 0!important;
        left: 0;
        right: 0;
        z-index: 10000;
    }

    #dvcListFiltersFooterActions {
        background: #ebf6fc;
        border-top: 1px solid #dfdfdf;
        padding: 15px;
    }
}

/**------------------------------
 * Sort By
 *-------------------------------*/

#dvcFilter.panel-body {
    padding: 21px 21px 21px 20px;
    border-bottom: 1px solid #dfdfdf;
}

#dvcFilter .dvcSortBy .formInputElement label {
    margin: 0;
    padding: 0 11px;
    color: #253b56;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    text-align: right;
}

#dvcFilter .dvcSortBy .selectBox {
    margin: 0;
}

#dvcFilter #sort-wrapper {
    width: 150px;
}

#dvcFilter .media {
    overflow: visible;
}

/*
| Header Section
|=====================================================
*/

#dvcEventCalendarLpChatSideIcons #lp-chat-side-icon-mobile {
    top: auto;
    bottom: 100px;
}

#dvcEventCalendarDayView .headerTabSection .dvcss-tabs {
    border-radius: 12px 12px 0 0;
}
#dvcEventCalendarDayView .headerTabSection .dvcss-tabs > .btn:first-child {
    border-top-left-radius: 12px;
}
#dvcEventCalendarDayView .headerTabSection .dvcss-tabs > .btn:last-child {
    border-top-right-radius: 12px;
}

#dvcEventCalendarDayView .dvcss-page-body .dvcss-panel.panel.panel-default.panel-lg {
    border-radius: 12px !important;
}

#dvcEventCalendarDayView .dvcss-page-body .dvcss-panel.panel.panel-default.panel-lg .hidden-xs .dvcTabNavigation .dvcss-tabs.btn-group.btn-group-justified {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

#dvcEventCalendarDayView .dvcss-page-body .dvcss-panel.panel.panel-default.panel-lg .hidden-xs .dvcTabNavigation .dvcss-tabs.btn-group.btn-group-justified a.btn.btn-default.active:last-child {
    border-top-right-radius: 12px !important;
}

#dvcEventCalendarDayView .dvcss-page-body .dvcss-panel.panel.panel-default.panel-lg .hidden-xs .dvcTabNavigation .dvcss-tabs.btn-group.btn-group-justified a.btn.btn-default.active:first-child {
    border-top-left-radius: 12px !important;
}


#dvcEventCalendarDayView .dvcTabNavigation .dvcss-tabs.btn-group.btn-group-justified a.active h1,
#dvcEventCalendarMonthView .dvcTabNavigation .dvcss-tabs.btn-group.btn-group-justified a.active h1 {
    font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0;
}

#dvcEventCalendarDayView .dvcTabNavigation .dvcss-tabs a:focus {
    overflow: hidden;
}


/*
| Filter Section
|=====================================================
*/

#dvcEventCalendarDayView .filterSection .nav-tabs {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #dfdfdf;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
#dvcEventCalendarDayView .filterSection .nav-tabs > li {
    width: 50%;
}
#dvcEventCalendarDayView .filterSection .nav-tabs > li.nav-divider {
    width: 1px;
}
#dvcEventCalendarDayView .filterSection .nav-tabs > li:first-child,
#dvcEventCalendarDayView .filterSection .nav-tabs > li:first-child > a {
    border-top-left-radius: 0;
}
#dvcEventCalendarDayView .filterSection .nav-tabs .dropdown-menu {
    width: 100%;
    border-top-right-radius: 0;
}

#dvcEventCalendarDayView .filterSection .nav-tabs > li > a .eventSelectedFilters,
#dvcEventCalendarDayView .filterSection .nav-tabs > li > a .eventSelectedFilters small {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

/** Mobile query **/
@media screen and (max-width: 767px) {

    #dvcEventCalendarDayView .filterSection .nav-tabs {
        display: block;
        table-layout: auto;
        width: 100%;
        border-top: 0;
    }

    #dvcEventCalendarDayView .filterSection .nav-tabs>li {
        width: auto;
    }

    #dvcEventCalendarDayView .filterSection .nav-tabs > li .nav-divider {
        display: none;
    }

}

/*
| Calendar Header Section
|=====================================================
*/

#dvcEventCalendarDayView .calendarDayViewHeader {
    border-bottom: 1px solid #ddd;
    padding-top: 6px;
    padding-bottom: 12px;
    text-align: center;
}
#dvcEventCalendarDayView .calendarDayViewHeader .calendarHeaderHeading {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 470px;
    width: 470px;

    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
}
#dvcEventCalendarDayView .calendarDayViewHeader .calendarHeaderPrev,
#dvcEventCalendarDayView .calendarDayViewHeader .calendarHeaderNext {
    position: absolute;
    top: 3px;
    left: -20px;
    padding: 0;
    font-size: 20px;
    font-weight: 100;
    line-height: 40px;
    overflow: hidden;
}

#dvcEventCalendarDayView .calendarDayViewHeader .calendarHeaderPrev.btn.btn-link {
    opacity: 100;
    color: #00739a;
}

#dvcEventCalendarDayView .calendarDayViewHeader .calendarHeaderNext {
    left: auto;
    right: -20px;
}

#dvcEventCalendarDayView .calendarDayViewHeader .calendarHeaderPrev.btn.btn-link[disabled],
#dvcEventCalendarDayView .calendarDayViewHeader .calendarHeaderNext.btn.btn-link[disabled] {
    color: #a1afc0;
}

#dvcEventCalendarDayView .calendarDayViewHeader .calendarHeaderDatepickerBtn {
    margin-left: 11px;
    padding: 0;

    color: #253b56;
    font-size: 24px;
    line-height: 40px;
}
#dvcEventCalendarDayView .calendarDayViewHeader .calendarHeaderDatepickerBtn > .peptasia {
    top: 2px;
}

#dvcEventCalendarDayView .calendarDayViewHeader .dpDropdown .dropdown-menu {
    padding: 0;
    line-height: 18px;
}
#dvcEventCalendarDayView .calendarDayViewHeader .dpDropdown .dropdown-menu .ui-widget-content {
    -webkit-box-shadow: none;
    box-shadow: none;
}


/*
| Event Listing Section
|=====================================================
*/

#dvcEventCalendarDayView .eventListingSection {
    position: relative;
}

#dvcEventCalendarDayView .eventListingSection.is-loading {
    min-height: 120px;
}

#dvcEventCalendarDayView .eventListingSection .eventListingLoading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    text-align: center;
}

#dvcEventCalendarDayView .eventListingSection .eventListingLoading::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#dvcEventCalendarDayView .eventListingSection .noResultsMessageContainer {
    color: #aeb8c2;
    font-family: Avenir;
    font-size: 18px;
    font-style: normal;
    font-weight: 100;
    line-height: 20px;
    padding-top: 17px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 0;
}

#dvcEventCalendarDayView .eventListingSection .pep2-listing-group {
    margin-bottom: 0;
}


/**
 * Event Listing Item
 *
 */

#dvcEventCalendarDayView .eventListingSection .eventListing .eventListingItem {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

#dvcEventCalendarDayView .eventListingSection .eventListing .eventListingItem:first-child {
    border-top: 0;
}

/***** Event Listing Item Media *****/

#dvcEventCalendarDayView .eventListingSection .eventListing .eventListingItem .pep2-listing-item-media .lead {
    margin-bottom: 0;
    min-height: 1px;
    width: 70px;
    color: #65778a;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#dvcEventCalendarDayView .eventListingSection .eventListing .eventListingItem .pep2-listing-item-media .lead strong {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-weight: 600;
}

#dvcEventCalendarDayView .eventListingSection .eventListing .eventListingItem .pep2-listing-item-media .lead > div {
    white-space: nowrap;
}

#dvcEventCalendarDayView .eventListingSection .eventListing .eventListingItem .pep2-listing-item-media .lead > div:first-child {
    white-space: normal;
}

/***** Event Listing Item Body *****/

#dvcEventCalendarDayView .eventListingSection .eventListing .eventListingItem .pep2-listing-item-body .lead {
    max-width: 170px;
    white-space: nowrap;
}

#dvcEventCalendarDayView #eventBookingListing.eventListing li.pep2-listing-item.eventListingItem:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

#dvcEventCalendarDayView #eventListing.eventListing li.pep2-listing-item.eventListingItem:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcEventCalendarDayView .eventListingSection .eventListing .eventListingItem .pep2-listing-item-body .lead {
        max-width: none;
        white-space: normal;
    }

    #dvcEventCalendarDayView .eventListingSection #eventBookingListing.eventListing .eventListingItem .pep2-listing-item-media {
        display: none;
    }

    #dvcEventCalendarDayView .eventListingSection #eventBookingListing.eventListing .eventListingItem .pep2-listing-item-heading {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
    }

    #dvcEventCalendarDayView .eventListingSection .noResultsMessageContainer {
        padding-bottom: 82px;
    }
    
}


/**
 * Panel Headers
 *
 */

#dvcEventCalendarDayView .eventListingSection .selectedFilters,
#dvcEventCalendarDayView .eventListingSection .featuredListingHeader,
#dvcEventCalendarDayView .eventListingSection .bookingWindowHeader {
    padding: 5px 0 7px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

#dvcEventCalendarDayView .eventListingSection .selectedFiltersWrapper .selectedFilters.text-ellipsis {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    margin-right: -4px;
    max-width: 100%;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcEventCalendarDayView .eventListingSection .selectedFiltersWrapper {
        padding: 5px 11px 6px;
    }

    #dvcEventCalendarDayView .eventListingSection .selectedFilters {
        padding: 0;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcEventCalendarDayView .eventListingSection .featuredListingHeader {
        padding: 5px 11px 6px;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #dvcEventCalendarDayView .eventListingSection .bookingWindowHeader {
        padding: 7px 0 7px;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    #dvcEventCalendarDayView  #eventCalendarDayCarousel .slick-prev.slick-arrow {
        display: none!important;
    }

}

/*
|-----------------------------------------------------------------------------------------------
| Calendar Carousel Listings
|-----------------------------------------------------------------------------------------------
|
*/

#dvcEventCalendarDayView .datepicker-carousel .datepicker-carousel-body {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 17px;
}

#dvcEventCalendarDayView .datepicker-carousel.invisible {
    height: 0;
}

#dvcEventCalendarDayView .daypicker-carousel.invisible {
    height: 0;
}

#dvcEventCalendarDayView .daypicker-carousel .daypicker-carousel-body  {
    margin-left: -10px;
    margin-right: -10px;
}


/*
|-----------------------------------------------------------------------------------------------
| EVENT CALENDAR MONTH VIEW PAGE
|-----------------------------------------------------------------------------------------------
|
*/

/*
| Header Section
|=====================================================
*/

#dvcEventCalendarMonthView .headerTabSection .dvcss-tabs {
    border-radius: 12px 12px 0 0;
}

#dvcEventCalendarMonthView .headerTabSection .dvcss-tabs > .btn:first-child {
    border-top-left-radius: 12px;
}

#dvcEventCalendarMonthView .headerTabSection .dvcss-tabs > .btn:last-child {
    border-top-right-radius: 12px;
}

#dvcEventCalendarMonthView .dvcss-page-body .dvcss-panel.panel.panel-default.panel-lg {
    border-radius: 12px;
}

#dvcEventCalendarMonthView .dvcss-page-body .dvcss-panel.panel.panel-default.panel-lg .hidden-xs .dvcTabNavigation .dvcss-tabs.btn-group.btn-group-justified {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

#dvcEventCalendarMonthView .dvcss-page-body .dvcss-panel.panel.panel-default.panel-lg .hidden-xs .dvcTabNavigation .dvcss-tabs.btn-group.btn-group-justified a.btn.btn-default.active:last-child {
    border-top-right-radius: 12px;
}

#dvcEventCalendarMonthView .dvcss-page-body .dvcss-panel.panel.panel-default.panel-lg .hidden-xs .dvcTabNavigation .dvcss-tabs.btn-group.btn-group-justified a.btn.btn-default.active:first-child {
    border-top-left-radius: 12px;
}

#dvcEventCalendarMonthView .dvcTabNavigation .dvcss-tabs a:focus {
    overflow: hidden;
}

/*
| Filter Section
|=====================================================
*/

#dvcEventCalendarMonthView .filterSection .nav-tabs {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #dfdfdf;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#dvcEventCalendarMonthView .filterSection .nav-tabs > li {
    width: 50%;
}

#dvcEventCalendarMonthView .filterSection .nav-tabs > li.nav-divider {
    width: 1px;
}

#dvcEventCalendarMonthView .filterSection .nav-tabs > li:first-child,
#dvcEventCalendarMonthView .filterSection .nav-tabs > li:first-child > a {
    border-top-left-radius: 0;
}

#dvcEventCalendarMonthView .filterSection .nav-tabs .dropdown-menu {
    width: 100%;
    border-top-right-radius: 0;
}

#dvcEventCalendarMonthView .filterSection .nav-tabs > li > a .eventSelectedFilters,
#dvcEventCalendarMonthView .filterSection .nav-tabs > li > a .eventSelectedFilters small {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcEventCalendarMonthView .filterSection .nav-tabs {
        display: block;
        table-layout: auto;
        width: 100%;
        border-top: 0;
    }

    #dvcEventCalendarMonthView .filterSection .nav-tabs > li {
        width: auto;
    }

    #dvcEventCalendarMonthView .filterSection .nav-tabs > li .nav-divider {
        display: none;
    }

}

/*
| Month Section
|=====================================================
*/

#dvcEventCalendarMonthView .calendarMonthViewSection {
    padding: 9px 30px 25px;
}

#dvcEventCalendarMonthView .calendarMonthViewSection .calendarMonthFullCalendar.is-loading {
    position: relative;
    min-height: 120px;
}

#dvcEventCalendarMonthView .calendarMonthViewSection .calendarMonthFullCalendar .calendarMonthViewLoading {
    position: absolute;
    top: 35px;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
}

#dvcEventCalendarMonthView .calendarMonthViewSection .calendarMonthFullCalendar .calendarMonthViewLoading::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#dvcEventCalendarMonthView .event-box-time,
#dvcEventCalendarMonthView .event-box-text {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;  /* "overflow" value must be different from "visible" */
    text-overflow: ellipsis;
    -moz-binding:url(ellipsis-xbl.xml#ellipsis);
    -o-text-overflow:ellipsis;
}

/*
| Disclaimer
|====================================================
*/

#dvcEventCalendarDayView .dvcDisclaimerSection div.disclaimerText,
#dvcEventCalendarMonthView .dvcDisclaimerSection div.disclaimerText {
    padding: 0 20px 38px 20px;
}

#dvcEventCalendarDayView .dvcDisclaimerSection div.disclaimerText .horizontalSeparator.hidden-xs,
#dvcEventCalendarMonthView .dvcDisclaimerSection div.disclaimerText .horizontalSeparator.hidden-xs {
    margin: 0 -20px 26px -20px;
    width: auto;
    background: #dfdfdf;
}

#dvcEventCalendarDayView .dvcDisclaimerSection div.disclaimerText > p:last-child,
#dvcEventCalendarMonthView .dvcDisclaimerSection div.disclaimerText > p:last-child {
    margin-bottom: 0;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcEventCalendarDayView .dvcDisclaimerSection div.disclaimerText,
    #dvcEventCalendarMonthView .dvcDisclaimerSection div.disclaimerText {
        margin: 0;
        margin-top: 0!important;
        padding: 0 10px 18px;
        color: #78899e;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    #dvcEventCalendarDayView .dvcDisclaimerSection div.disclaimerText .horizontalSeparator.hidden-xs,
    #dvcEventCalendarMonthView .dvcDisclaimerSection div.disclaimerText .horizontalSeparator.hidden-xs {
        display: block!important;
        margin: 0 -10px 21px -10px;
        width: auto;
    }

}

/*
|-----------------------------------------------------------------------------------------------
| Event Calendar Month View
|-----------------------------------------------------------------------------------------------
|
|
*/

#dvcEventCalendarMonthView .calendarMonthViewSection .calendarMonthViewFooter {
    margin: 0 0 -2px;
    padding: 19px 0 0;
    color: #253b56;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}

#dvcEventCalendarMonthView .calendarMonthViewSection .calendarMonthViewFooter .peptasia {
    margin-right: 1px;
}

#eventCalendarDateCarousel .slick-list.draggable .slick-track .datepicker-carousel-item.slick-slide.slick-current.slick-center .datepicker-carousel-item-date .datepicker-carousel-calendar .ui-datepicker-inline table.ui-datepicker-calendar thead tr th span {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
}

#dvcEventCalendarDayView .datepicker-carousel .datepicker-carousel-calendar.hasDatepicker .ui-datepicker .ui-datepicker-calendar tr td .ui-state-default, .datepicker-carousel .datepicker-carousel-calendar.hasDatepicker .ui-datepicker .ui-datepicker-calendar tr td a {
    height: 26px;
    width: 26px;
    padding-top: 4px;
}

@media screen and (max-width: 818px) {

    #eventListingSection .eventListing .pep2-listing-item .pep2-listing-item-body .pep2-listing-item-body-left {
        margin-right: 0;
    }
    
}

/**************************************************
 * Dues Overview Page - dues-overview.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: TUAZR001 $
 * $Revision: #38 $
 * $Change: 1647773 $
 * $Date: 2016/11/14 $
 **************************************************/

#duesPage .dvcss-content-header {
    padding: 18px 25px 11px;
}

/**
 *===========================
 * Membership CTA section
 *===========================
 *
 * <.membershipCTAGroup>
 *      |
 *      |-- <.membershipCTA>
 *
 */

#duesPage .membershipListAccordion.membershipListAccordionSingle > .panel {
    border-radius: 0 0 12px 12px;
}

#duesPage .membershipListAccordion > .panel:not(:first-child),
#duesPage .membershipListAccordion > .panel:not(:first-child) > .panel-heading,
#duesPage .membershipListAccordion > .panel:only-child,
#duesPage .membershipListAccordion > .panel:only-child > .panel-heading {
    border-radius: 0 0 12px 12px;
}

#duesPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading {
    padding-left: 39px;
    padding-right: 39px;
}

#duesPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading > small {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 4px;
}

#duesPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading .panel-title .media > .media-left {
    display: none;
}

#duesPage .membershipListAccordion.membershipListAccordionSingle .membershipListAccordionPanelCollapse  > .panel-body {
    border-top-color: transparent;
    padding-top: 10px;
}

#duesPage .membershipListAccordion .membershipListAccordionPanelCollapse > .panel-body {
    padding-top: 25px;
    padding-bottom: 0;
}

#duesPage .membershipListAccordion .membershipContentWarning {
    margin-bottom: 14px;
}

#duesPage .membershipListAccordion .membershipCTAGroup {
    margin-bottom: 30px;
}

#duesPage .membershipListAccordion .membershipCTAGroup .membershipCTA {
    min-height: 210px;
    /*max-height: 255px;*/
    width: 1%;
}

#duesPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-inner {
    margin-left: auto;
    margin-right: auto;
    min-width: 135px;
    max-width: 165px;
}

#duesPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-title strong sup {
    font-size: 24px;
}

#duesPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-subtitle + strong {
    margin-top: 5px;
}

#duesPage .membershipListAccordion .membershipCTAGroup .membershipCTA.membershipCTANoPoints .flexbox-block {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
}

#duesPage .membershipListAccordion .membershipCTAGroup .membershipCTA.membershipCTANoPoints .flexbox-subtitle {
    min-height: 0;
    max-height: none;
    word-break: break-word;
    margin-bottom: 0;
}

#duesPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-footer .dvcss-btn {
    padding-left: 3px;
    padding-right: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 40px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    #duesPage .membershipListAccordion .membershipContentWarning {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #duesPage .membershipListAccordion.membershipListAccordionSingle > .panel {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    #duesPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading {
        border-radius: 6px 6px 0 0;
        padding: 18px 10px 13px;
    }

    #duesPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading > small {
        margin-top: 13px;
    }

    #duesPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading .panel-title .media > .media-body > .media-table > .media-body {
        display: block;
    }

    #duesPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading .panel-title .media > .media-body > .media-table > .media-right {
        display: block;
        padding-left: 0;
    }

    #duesPage .membershipListAccordion .membershipListAccordionPanelCollapse > .panel-body {
        border-top: 0;
        padding-top: 8px;
    }

    #duesPage .membershipListAccordion.membershipListAccordionSingle .membershipListAccordionPanelCollapse  > .panel-body {
        padding-top: 0px;
    }

    #duesPage .membershipListAccordion > .panel > .panel-heading > small.visible-xs-block {
        padding-left: 8px;
    }

    #duesPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading > small.visible-xs-block {
        padding-left: 0;
    }

    #duesPage .membershipListAccordion .membershipCTAGroup {
        margin-bottom: 0;
    }

    #duesPage .membershipListAccordion .membershipCTAGroup .dvcss-flexbox-group {
        display: block;
    }

    #duesPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-footer .dvcss-btn {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    }

    #duesPage .membershipListAccordion .membershipCTAGroup .membershipCTA {
        margin: 0 15px 25px;
        padding: 10px 20px 25px;
        width: auto;
        min-height: 148px;
    }

    #duesPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-inner {
        max-width: none;
    }

    #duesPage .membershipListAccordion .membershipContentResult .membershipCTA .flexbox-footer .flexbox-inner {
        margin-left: auto;
        margin-right: auto;
        min-width: 135px;
        max-width: 180px;
    }

    #duesPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-title + .flexbox-text {
        margin-top: -7px;
        padding-top: 0;
    }

    #duesPage .membershipListAccordion  .dvcss-flexbox .flexbox-title:first-child {
        margin-bottom: 7px;
    }
}


/**
 *===========================
 * Membership Content Actions
 *===========================
 *
 */

#duesPage .membershipContentActions {
    margin-bottom: 10px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesPage .membershipContentActions {
        margin-bottom: 15px;
    }


}

/***** CTA No Points Left to Bank *****/

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesPage .membershipListAccordion .membershipCTAGroup .membershipCTA.membershipCTANoPoints .flexbox-title {
        line-height: 25px;
        margin-bottom: 0;
    }

}


/**
 *===========================
 * Use Years Carousel
 *===========================
 *
 *
 *
 */

@media screen and (max-width: 767px) {

    #duesPage .membershipListAccordion .useYearsCarousel {
        margin-top: -5px;
    }

    #duesPage .membershipListAccordion .useYearsCarousel .slick-slide {
        display: block;
        float: left;
        width: 240px;
    }

}


/**
 *===========================
 * Membership ContentLoader
 *===========================
 *
 * <.membershipContentLoader>
 *
 */

#duesPage .membershipListAccordion .membershipListAccordionPanelCollapse .membershipContentLoader  {
    text-align: center;
    margin-bottom: 30px;
}

/**
 *===========================
 * Contract Info Section
 *===========================
 *
 * <.contractInfoSection>
 *
 */

#duesPage .membershipListAccordion .contractInfoSection .h3 {
    margin-top: 0;
    margin-bottom: 7px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesPage .membershipListAccordion .contractInfoSection .h3 {
        margin-top: 17px;
        margin-bottom: 4px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}


/**
 *===========================
 * Contract Activity List
 *===========================
 *
 * <.contractActivityList>
 *      |
 *      |-- <.list-item>
 *              |
 *              |-- <.contractActivitySummaryDrawer>
 */

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item {
    background-color: transparent;
    padding-top: 16px;
    padding-bottom: 25px;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item:last-child {
    padding-bottom: 25px;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 100;
    line-height: 25px;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body > div:first-child {
    margin-bottom: 10px;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body strong,
#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body h3 {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body strong {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body h3 {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    margin-bottom: 0;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-right {
    padding-top: 7px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer {
    border: 1px solid transparent;
    margin-bottom: 0;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse {
    margin-top: -4px;
    margin-bottom: -19px;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item:last-child .contractActivitySummaryDrawer > .panel-collapse {
    margin-bottom: -17px;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-wrapper {
    position: relative;
    z-index: 1;
    background: #fff;
    padding-top: 25px;
    padding-bottom: 5px;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item:last-child .contractActivitySummaryDrawer > .panel-collapse .panel-wrapper {
    padding-bottom: 30px;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel {
    background-color: #e5f3f8;
    border: 1px solid #e3e7e9;
    border-radius: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body {
    position: relative;
    padding: 30px 30x 8px;
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body .panel-caret {
    position: absolute;
    top: -21px;
    right: 80px;
    z-index: 1;
    border-top: 0;
    border-bottom: 21px solid;
    border-right: 23px solid transparent;
    border-left: 23px solid transparent;
    color: #ddd;
    height: 0;
    width: 0;
    vertical-align: middle;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body .panel-caret:after {
    content: "";
    position: absolute;
    top: 1px;
    left: -22px;
    color: #e5f3f8;
    border-top: 0;
    border-bottom: 20px solid;
    border-right: 22px solid transparent;
    border-left: 22px solid transparent;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group-header {
    margin-bottom: 3px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group {
    margin-bottom: 7px;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group .list-group-item {
    background: none;
    border-left: 0;
    border-right: 0;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 13px 0 15px;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group .list-group-item .badge {
    background: none;
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: -3px;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group-footer {
    padding-top: 5px;
    padding-bottom: 10px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#duesPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel .panel-footer {
    background: none;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 22px;
}


/* Mobile only */
@media screen and (max-width: 767px) {

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList {
        padding-top: 0;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item {
        padding-top: 23px;
        padding-bottom: 24px;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item:last-child {
        padding-bottom: 21px;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body {
        display: block;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body div:first-child {
        margin-top: 0;
        margin-bottom: 5px;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body strong,
    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body h3 {
        font-size: 14px;
        line-height: 20px;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body h3 {
        margin-bottom: 5px;
        display:block;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-right {
        display: block;
        text-align: left;
        padding-left: 0;
        padding-top: 27px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer {
        margin-left: -11px;
        margin-right: -11px;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel {
        border-radius: 0;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse {
        margin-top: -2px;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body {
        padding: 12px 10px 17px;
        color: #253b56;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-wrapper {
        padding-top: 18px;
        border-radius: 6px;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body .panel-caret {
        top: -13px;
        right: auto;
        left: 80px;
        border-bottom: 13px solid;
        border-right: 13px solid transparent;
        border-left: 12px solid transparent;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body .panel-caret:after {
        left: -12px;
        border-bottom: 12px solid;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group-header {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 10px;
        font-weight: 400;
        line-height: 25px;
        margin-bottom: -3px;
        padding: 5px 0 3px;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group {
        margin-bottom: 16px;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group .list-group-item {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 13px 0 15px;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group .list-group-item .badge {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-top: -2px;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group-footer {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        padding: 5px 0 10px;
    }

    #duesPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel .panel-footer {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        padding-top: 26px;
        padding-bottom: 21px;
    }

}

/**
 *===========================
 * Unapplied Funds
 *===========================
 */

#duesPage .duesUnappliedFunds {
    margin-bottom: 30px;
}

#duesPage .duesUnappliedFunds .media-table {
    margin-bottom: 30px;
}

#duesPage .duesUnappliedFunds .media-body .desc {
    max-width: 565px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-right: 30px;
}

#duesPage .duesUnappliedFunds .media-right small {
    display: block;
    margin-bottom: 5px;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

#duesPage .duesUnappliedFunds .media-right strong {
    display: block;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 30px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesPage .duesUnappliedFunds .media-table {
        margin-bottom: 25px;
    }

    #duesPage .duesUnappliedFunds .media-body,
    #duesPage .duesUnappliedFunds .media-right {
        display: block;
    }

    #duesPage .duesUnappliedFunds .media-right {
        padding-left: 0;
        margin-top: 25px;
    }

    #duesPage .duesUnappliedFunds .media-right small {
        margin-bottom: 10px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 100;
        line-height: 20px;
    }

    #duesPage .duesUnappliedFunds .media-right strong {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 28px;
        font-weight: 600;
        line-height: 35px;
    }

}

/**
 *===========================
 * Contract Warning
 *===========================
 */

#duesPage .contractActivityItem .contractActivityItemWarning  {
    margin-top: 30px;
    margin-bottom: -9px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesPage .contractActivityItem .contractActivityItemWarning  {
        margin-top: 20px;
        margin-bottom: -2px;
    }

}

/**
 *===========================
 * Contract Status
 *===========================
 */

#duesPage .contractActivityItem .contractStatus {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 25px;
    margin-bottom: 5px;
}

#duesPage .contractActivityItem .contractStatus small {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

#duesPage .contractActivityItem .contractStatus strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
}

#duesPage .contractActivityItem .contractStatus em {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    line-height: 20px;
}

#duesPage .contractActivityItem .contractStatus .lead {
    margin-top: 5px;
    margin-bottom: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 30px;
}

#duesPage .contractActivityItem .contractStatus .lead strong {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 38px;
    font-weight: 600;
}

#duesPage .contractActivityItem .contractStatus .desc {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: -2px;
    margin-bottom: -2px;
    min-width: 235px;
    white-space: normal;
    word-break: break-word;
    padding-top: 10px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesPage .contractActivityItem .contractStatus small {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #duesPage .contractActivityItem .contractStatus .lead {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 28px;
        font-weight: 600;
        line-height: 35px;
        margin-top: 6px;
        margin-bottom: -2px;
    }

    #duesPage .contractActivityItem .contractStatus .lead strong {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 38px;
        font-weight: 600;
        line-height: 45px;
    }
    #duesPage .contractActivityItem .contractStatus .desc {
        margin-top: 5px;
        margin-bottom: -1px;
        min-width: 0;
    }

}

#duesPage hr.dvcss-hr-faded {
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#dfdfdf 5%,#dfdfdf 95%,hsla(0,0%,100%,0)) repeat scroll 0 0 transparent;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #duesPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-title strong span {
        font-size: 30px;
    }

    #duesPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-title strong span sup {
        font-size: 20px;
    }
}

/* Tablet only */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #duesPage {
        .membershipCTA .flexbox-block {
            margin: -34px -30px -30px;
        }
    }
}
#duesPage .learnAboutDuesWrapper {
    float: right;
    position: relative;
    margin-right: 8px;
}
#duesPage .learnAboutDuesWrapper a {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #00739A;
    vertical-align: top;
}
#duesPage .learnAboutDuesWrapper .icon {
    vertical-align: top;
}

#duesPage .learnAboutDuesWrapper a:hover {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #00739A;
    text-decoration: none;
}
@media screen and (max-width: 768px) {
    #duesPage .learnAboutDuesWrapperMobile {
        float: left;
        position: relative;
    }
    #duesPage h1 {
        padding-bottom: 15px;
    }
    #duesPage .learnAboutDuesWrapperMobile a {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #ffffff;
        vertical-align: top;
    }
    #duesPage .learnAboutDuesWrapperMobile .icon {
        vertical-align: top;
        font-size: 14px;
    }

    #duesPage .learnAboutDuesWrapperMobile a:hover {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #ffffff;
        text-decoration: none;
    }

    #duesPage .learnAboutDuesWrapperMobile-jp {
        position: relative;
        margin-bottom: -15px;
    }
    #duesPage h1.title-jp {
        padding-bottom: 0px;
    }
    #duesPage .learnAboutDuesWrapperMobile-jp a {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 40px;
        color: #ffffff;
        vertical-align: top;
    }
    #duesPage .learnAboutDuesWrapperMobile-jp a:hover {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #ffffff;
        text-decoration: none;
    }

}
/**************************************************
 * Dues History Page - dues-history.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: MACAK009 $
 * $Revision: #58 $
 * $Change: 1647703 $
 * $Date: 2016/11/10 $
 **************************************************/

/**
|------------------------------------------------
| Dues History Details Mobile
|------------------------------------------------
|
| <duesHistoryDetailsMobile>
|
*/

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesHistoryPage .duesHistoryDetailsMobile .details-main {
        padding-bottom: 5px;
    }

    #duesHistoryPage .duesHistoryDetailsMobile .details-main,
    #duesHistoryPage .duesHistoryDetailsMobile .details-main .lead {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #duesHistoryPage .duesHistoryDetailsMobile .details-main .lead {
        margin-bottom: 29px;
        padding-bottom: 5px;
    }

    #duesHistoryPage .duesHistoryDetailsMobile .details-main small {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
    }

    #duesHistoryPage .duesHistoryDetailsMobile .details-sub {
        margin-top: 34px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #duesHistoryPage .duesHistoryDetailsMobile .details-sub strong {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    #duesHistoryPage .duesHistoryDetailsMobile .details-group {
        margin-bottom: 10px;
    }

    #duesHistoryPage .duesHistoryDetailsMobile .details-row {
        margin-bottom: -2px;
    }

    #duesHistoryPage .duesHistoryDetailsMobile .details-row:nth-child(2) {
        margin-top: 10px;
        margin-bottom: 18px;
    }
}



/**
|------------------------------------------------
| Dues History Form
|------------------------------------------------
|
| <duesHistoryFormModal>
|
*/

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesHistoryPage #duesHistoryFormModal.dvcss-modal-opened-xs {
        display: block;
        position: fixed;
        top: 0!important;
        bottom: 0;
        left: 0;
        z-index: 100004;
        height: 100%!important;
        width: 100%;
        padding: 0;
        background: #fff;
        overflow-x: hidden;
        overflow-y: scroll;

        -webkit-overflow-scrolling: auto;
    }

    #duesHistoryPage #duesHistoryFormModal .modal-dialog {
        height: 100%;
        width: auto;
        margin: 0;
    }

    #duesHistoryPage #duesHistoryFormModal .modal-content {
        position: static;
        min-height: 100%;
        padding-bottom: 71px;
        margin-bottom: -71px;
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #duesHistoryPage #duesHistoryFormModal form {
        display: inline;
    }

    #duesHistoryPage #duesHistoryFormModal .modal-header {
        border-bottom-color: transparent;
        padding: 14px 20px 9px;
    }

    #duesHistoryPage #duesHistoryFormModal .modal-header hr {
        top: 9px;
    }

    #duesHistoryPage #duesHistoryFormModal .modal-header .modal-title {
        margin-bottom: 10px;
        font-family: Avenir-light,Helvetica,Arial,sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
    }

    #duesHistoryPage #duesHistoryFormModal .modal-header p {
        margin-bottom: 8px;
        color: #253b56;
        font-family: Avenir-roman,Helvetica,Arial,sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #duesHistoryPage #duesHistoryFormModal .modal-body {
        padding-left: 20px;
        padding-right: 20px;
    }

    #duesHistoryPage #duesHistoryFormModal .modal-footer {
        border-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    #duesHistoryPage #duesHistoryFormModal .modal-footer .dvcss-row {
        margin-right: -5px;
        margin-left: -5px;
    }

    #duesHistoryPage #duesHistoryFormModal .modal-footer .col-xs-4 {
        width: 33%;
        padding-left: 5px;
        padding-right: 5px;
    }

    #duesHistoryPage #duesHistoryFormModal .modal-footer .col-xs-8 {
        width: 66%;
        padding-left: 5px;
        padding-right: 5px;
    }

    #duesHistoryPage #duesHistoryFormModal .modal-footer .btn-info {
        background: #fff;
        border: 1px solid #00739a;
        color: #00739a;
        width: 100%;
    }

    .touch body.ui-datepicker-open #duesHistoryPage #duesHistoryFormModal.dvcss-modal-opened-xs {
        visibility: hidden;
    }

}

/* Desktop only */
@media screen and (min-width: 768px) {

    #duesHistoryPage #duesHistoryFormModal {
        display: block!important;
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        z-index: auto!important;
        background: none;
        overflow: visible;
    }

    #duesHistoryPage #duesHistoryFormModal .modal-dialog {
        width: auto;
        margin: 0;
    }

    #duesHistoryPage #duesHistoryFormModal .modal-content {
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #duesHistoryPage #duesHistoryFormModal .modal-body {
        padding: 0;
    }

    #duesHistoryPage #duesHistoryFormModal form {
        display: inline;
    }

}


/**
|------------------------------------------------
| Dues History Form
|------------------------------------------------
|
| <duesHistoryForm>
|
*/

#duesHistoryPage .dvcss-content-header {
    padding: 20px 20px 8px;
}

#duesHistoryPage .duesHistoryFormWrapper .panel-body {
    border-bottom: 1px solid #ddd;
    padding: 15px 20px 20px;
}

#duesHistoryPage #duesHistoryForm .lead {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    max-width: 620px;
    margin-bottom: 30px;
    padding-bottom: 5px;
}

/***** Membership ID Row *****/

#duesHistoryPage #duesHistoryForm .membershipIdRow {
    margin-bottom: 12px;
    padding-bottom: 5px;
}

#duesHistoryPage #duesHistoryForm .membershipIdRow.membershipIdRowSingle {
    padding-top: 6px;
    margin-bottom: 23px;
}

#duesHistoryPage #duesHistoryForm .membershipIdRow .form-group .membershipIdLabel {
    margin-right: 6px;
}

#duesHistoryPage #duesHistoryForm .membershipIdRow .form-group .membershipIdLabel,
#duesHistoryPage #duesHistoryForm .membershipIdRow .form-group .membershipIdValue {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

#duesHistoryPage #duesHistoryForm .membershipIdRow .form-group .formInputElement {
    margin-bottom: -1px;
}

#duesHistoryPage #duesHistoryForm .membershipIdRow .form-group .formInputElement label {
    display: inline-block;
    position: relative;
    top: -6px;
    margin-right: 3px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

#duesHistoryPage #duesHistoryForm .membershipIdRow .form-group .formInputElement .selectBox {
    vertical-align: middle;
}

#duesHistoryPage #duesHistoryForm .membershipIdRow > .media-right {
    position: relative;
    top: 4px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#duesHistoryPage #duesHistoryForm .membershipIdRow.membershipIdRowSingle > .media-right {
    top: -2px;
}

#duesHistoryPage #duesHistoryForm .membershipIdRow > .media-right strong {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesHistoryPage .duesHistoryFormWrapper .panel-body {
        padding: 6px 10px 17px;
    }

    #duesHistoryPage #duesHistoryForm .membershipIdRow > .media-body {
        display: block;
        width: auto;
    }

    #duesHistoryPage #duesHistoryForm .membershipIdRow > .media-right {
        display: none;
    }

    #duesHistoryPage #duesHistoryForm .membershipIdRow .form-group .formInputElement {
        margin-bottom: 0!important;
    }

    #duesHistoryPage #duesHistoryForm .membershipIdRow .form-group .formInputElement label {
        display: block;
        top: auto;
        margin-right: 0;
        font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
    }

}


/***** Membership Details Row *****/

#duesHistoryPage #duesHistoryForm .membershipDetailsRow > .media-right {
    padding-bottom: 5px;
    vertical-align: bottom;
}

/* Desktop only */
@media screen and (min-width: 768px) {

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow .membershipDetailsGroup {
        display: block;
    }

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow .membershipDetailsGroup .membershipDetailsInner {
        display: table;
        width: 100%;
        max-width: 725px;
    }

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .membershipDetailsInner {
        display: inline-block;
        width: auto;
    }

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow .form-handler {
        display: table-cell;
        white-space: normal;
        padding-right: 0;
        margin-right: 0;
    }

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow .form-group {
        display: table-cell;
        padding-right: 20px;
        margin-right: 0;
        vertical-align: bottom;
    }

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow .form-group.contractDetailsGroup {
        display: table-cell;
        width: 350px;
    }

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .contractDetailsGroup {
        padding-right: 25px;
        width: 225px;
    }

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow .contractDetailsText {
        margin-top: 8px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
    }

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .contractDetailsGroup .contractDetailsText {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow .formInputElement.long {
        display: block;
        width: auto;
    }

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow .formInputElement.long .selectBox {
        width: 100%;
    }

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow .formInputElement.short .selectBox {
        width: 110px;
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow .membershipDetailsGroup .membershipDetailsInner,
    #duesHistoryPage #duesHistoryForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .membershipDetailsInner {
        display: block;
        width: auto;
        max-width: none;
    }

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow > .media-body {
        display: block;
        width: auto;
    }

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow > .media-right {
        display: none;
    }

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow .contractDetailsGroup .contractDetailsText {
        margin-top: 1px;
        margin-bottom: 22px;
    }

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow .contractRangeRow {
        display: block;
        margin-left: -6px;
        margin-right: -6px;
    }

    #duesHistoryPage #duesHistoryForm .membershipDetailsRow .contractRangeRow > .form-group {
        display: block;
        float: left;
        padding: 0 6px;
        width: 50%;
    }

}


/***** Membership Form Buttons Row *****/

#duesHistoryPage #duesHistoryForm .formSubmit {
    min-width: 125px;
    border: 0;
}



/**
|------------------------------------------------
| Dues History Activity
|------------------------------------------------
|
| <memberDuesHistoryActivity>
|
*/

#duesHistoryPage .memberDuesHistoryActivity {
    padding-top: 30px;
}

#duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityBalance {
    padding: 0 15px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityBalance strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

#duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityBalance .lead {
    margin-bottom: 8px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

#duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityBalance ul {
    margin: 0 0 22px;
}

#duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityBalance ul > li {
    margin-bottom: 3px;
}

#duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityBalance ul > li .hidden-xs .media-left {
    margin-right: 5px;
}

#duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityPanel {
    margin: 0;
    border: 0;
    background: none;
}

#duesHistoryPage .memberDuesHistoryActivity .panel-body {
    padding: 15px 20px 0;
    margin-bottom: -1px;
}

#duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityPanel > .panel-footer {
    background: none;
    border-radius: 0;
    padding: 4px 15px 14px;
}

#duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityPanel > .panel-footer.removeExcess {
    border: 0;
    padding: 0;
}

#duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityPanel > .panel-footer .btn-link {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 25px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesHistoryPage .memberDuesHistoryActivity {
        padding-top: 17px;
    }

    #duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityBalance {
        margin-top: 10px;
    }

    #duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityBalance .lead {
        margin-bottom: 16px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityBalance ul {
        margin-bottom: 25px;
    }

    #duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityBalance ul > li {
        margin-bottom: 12px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 15px;
    }

    #duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityBalance ul > li strong {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 15px;
    }

    #duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityPanel > .panel-footer {
        border-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    #duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityPanel > .panel-footer.removeExcess .panel-inner {
        border: 0;
        padding: 0;
    }

    #duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityPanel > .panel-footer .panel-inner {
        border-top: 1px solid #ddd;
        padding: 7px 0 1px;
    }

    #duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityPanel > .panel-footer .btn-link {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    #duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityPanel > .panel-footer .btn-link {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

}

/**
|------------------------------------------------
| Dues History Activity Filters
|------------------------------------------------
|
| <memberDuesHistoryActivityFilters>
|
*/

#duesHistoryPage .memberDuesHistoryActivityFilters {
    padding: 0 20px;
    margin-bottom: -2px;
}

#duesHistoryPage .memberDuesHistoryActivityFilters .media-body h2.dvcss-content-title {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesHistoryPage .memberDuesHistoryActivityFilters .media-table {
        padding-bottom: 0;
        border-bottom: 1px solid #ddd;
    }

    #duesHistoryPage .memberDuesHistoryActivityFilters .media-body h2.dvcss-content-title {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        padding-top: 0;
    }

    #duesHistoryPage .memberDuesHistoryActivityFilters .media-right .btn {
        min-width: 55px;
    }

    #duesHistoryPage .memberDuesHistoryActivityFilters .media-right .sort.btn {
        min-width: 55px;
        margin-top: -14px;
        margin-bottom: 12px;
    }

    #duesHistoryPage .memberDuesHistoryActivityFilters {
        padding: 0 10px;
    }

    #duesHistoryPage .memberDuesHistoryActivity .memberDuesHistoryActivityPanel > .panel-body {
        padding: 15px 10px 0 !important;
    }
}

/**
|------------------------------------------------
| Dues Sort Dropdown
|------------------------------------------------
|
| <sortContainer>
|
*/

#duesHistoryPage #sortContainer label {
    position: relative;
    top: -6px;
    margin-right: 11px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    line-height: 25px;
}


/**
|------------------------------------------------
| Dues Membership Contract Form Label Display
|------------------------------------------------
|
| <membershipContractFormLabelDisplay>
|
*/

#duesHistoryPage #membershipContractFormLabelDisplay .media-right .btn-link {
   font-size: 14px;
   font-family: Avenir-roman, Helvetica, Arial, sans-serif;
   line-height: 20px;
}
#duesHistoryPage #membershipContractForm .uiPlus .datePicker {
    width: 120px;
}
#duesHistoryPage #membershipContractForm .uiPlus .datePicker .ui-datepicker-trigger {
    right: 4px;
    top: 27px;
}

#duesHistoryPage #membershipContractForm .loadingUpdateBtn {
    background-color: #00739A;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesHistoryPage #membershipContractForm .uiPlus .datePicker {
        width: 100%;
    }

    #duesHistoryPage #membershipContractForm .uiPlus .datePicker .ui-datepicker-trigger {
        right: 6px;
        top: 34px;
    }

}


/**
|------------------------------------------------
| Dues History Activity Table
|------------------------------------------------
|
| <memberDuesHistoryActivityTable>
|
*/

#duesHistoryPage .membermemberDuesHistoryActivityTable {
   margin-bottom: 0;
   border-radius: 0;
}

#duesHistoryPage .memberDuesHistoryActivityTable > tbody tr td,
#duesHistoryPage .memberDuesHistoryActivityTable > tbody tr th {
   word-break: break-word;
}

#duesHistoryPage .memberDuesHistoryActivityTable > tbody tr th {
   font-weight: normal;
}

#duesHistoryPage .memberDuesHistoryActivityTable > tbody > tr > td,
#duesHistoryPage .memberDuesHistoryActivityTable > tbody > tr > th,
#duesHistoryPage .memberDuesHistoryActivityTable > tfoot > tr > td,
#duesHistoryPage .memberDuesHistoryActivityTable > tfoot > tr > th,
#duesHistoryPage .memberDuesHistoryActivityTable > thead > tr > th,
#duesHistoryPage .memberDuesHistoryActivityTable > thead > tr > td {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#duesHistoryPage .memberDuesHistoryActivityTable > thead > tr > th:nth-child(1) {
    padding: 0 40px 3px 0;
    max-width: 232px;
    width: 232px;
}

#duesHistoryPage .memberDuesHistoryActivityTable > thead > tr > th:nth-child(2) {
    padding: 0 40px 3px 0;
    max-width: 213px;
    width: 213px;
}

#duesHistoryPage .memberDuesHistoryActivityTable > thead > tr > th:nth-child(3) {
    padding: 0 40px 3px 0;
    max-width: 275px;
    width: 275px;
}

#duesHistoryPage .memberDuesHistoryActivityTable > thead > tr > th:nth-child(4) {
    padding: 0 40px 3px 0;
    max-width: 193px;
    width: 193px;
}

#duesHistoryPage .memberDuesHistoryActivityTable > thead > tr > th {
    padding: 0 40px 3px 0;
    max-width: 160px;
    width: 160px;
}

#duesHistoryPage .memberDuesHistoryActivityTable > thead > tr > th:last-child {
    padding: 0 0 3px;
    max-width: 160px;
    width: 160px;
}


#duesHistoryPage .memberDuesHistoryActivityTable > tbody > tr > th {
    padding: 11px 40px 21px 0;
}

#duesHistoryPage .memberDuesHistoryActivityTable > tbody > tr > td:nth-child(2) {
    padding: 11px 40px 21px 0;
}

#duesHistoryPage .memberDuesHistoryActivityTable > tbody > tr > td:nth-child(3) {
    padding: 11px 40px 21px 0;
}

#duesHistoryPage .memberDuesHistoryActivityTable > tbody > tr > td:nth-child(4) {
    padding: 11px 40px 21px 0;
}

#duesHistoryPage .memberDuesHistoryActivityTable > tbody > tr > td {
    padding: 11px 0px 21px;
}

#duesHistoryPage .memberDuesHistoryActivityTable > tbody > tr > td:last-child {
    padding: 11px 0px 21px;
}

#duesHistoryPage .memberDuesHistoryActivityTable > tbody > tr > th,
#duesHistoryPage .memberDuesHistoryActivityTable > tbody > tr > td {
    border-top: 0;
    border-bottom: 1px solid #ddd;
}

#duesHistoryPage .memberDuesHistoryActivityTable > tbody > tr:last-child > th,
#duesHistoryPage .memberDuesHistoryActivityTable > tbody > tr:last-child > td {
    border-bottom: 0;
}

#duesHistoryPage .memberDuesHistoryActivityTable strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#duesHistoryPage .memberDuesHistoryActivityTable > thead > tr > th {
    background: none;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;

}

#duesHistoryPage .memberDuesHistoryActivityTable > thead > tr > th {
    padding-top: 0;
}


#duesHistoryPage .memberDuesHistoryActivityTable > thead > tr > td {
    padding-top: 0;
    padding-bottom: 0;
}

#duesHistoryPage .memberDuesHistoryActivityTable > thead > tr > td:last-child,
#duesHistoryPage .memberDuesHistoryActivityTable > tbody > tr > th:last-child,
#duesHistoryPage .memberDuesHistoryActivityTable > tfoot > tr > th:last-child,
#duesHistoryPage .memberDuesHistoryActivityTable > tfoot > tr > td:last-child {
    padding-right: 0;
}


#duesHistoryPage .memberDuesHistoryActivityTable .duesTransactionHistoryPaymentDate,
#duesHistoryPage .memberDuesHistoryActivityTable .duesTransactionHistoryActivity,
#duesHistoryPage .memberDuesHistoryActivityTable .duesTransactionHistoryPaymentType,
#duesHistoryPage .memberDuesHistoryActivityTable .duesTransactionHistoryAmount,
#duesHistoryPage .memberDuesHistoryActivityTable .duesTransactionHistoryBalance {
    word-break: break-word;
}

#duesHistoryPage .memberDuesHistoryActivityLoader  {
    text-align: center;
    margin-bottom: 30px;
}

#duesHistoryPage .membermemberDuesHistoryActivityPanel .panel-body {
    padding-bottom: 0;
}

#duesHistoryPage .memberDuesHistoryActivityTable.table {
    margin-bottom: 0;
}

#duesHistoryPage header .media-right {
   font-family: Avenir-roman,Helvetica,Arial,sans-serif;
   font-size: 12px;
   line-height: 18px;
   color: #00739a;
}

#duesHistoryPage header .media-right span {
    margin-right: 5px;
    color: #00739a;
}

#duesHistoryPage header .media-right .disabledLink {
    pointer-events: none;
    cursor: default;
}

@media screen and (max-width: 767px) {

    /* List */
    #duesHistoryPage .memberDuesHistoryActivityPanel .memberDuesHistoryActivityList {
        margin: 0;
    }

    #duesHistoryPage .memberDuesHistoryActivityPanel .memberDuesHistoryActivityList > .list-group-item  {
        padding: 15px 0 21px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    #duesHistoryPage .memberDuesHistoryActivityList > .list-group-item:first-child  {
        border-top: 0;
        padding-top: 3px;
    }

    #duesHistoryPage .memberDuesHistoryActivityList > .list-group-item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 21px;
    }

    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item a {
        border: 0;
    }

    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item .media-left {
        margin-right: 0;
        max-width: 65%;
    }

    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item .media-left {
        margin-right: 0;
        max-width: 65%;
    }

    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item .media-left div[id^='transaction-data-'] a.hide {
        display: block !important;
    }

    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item .media-left div[id^='transaction-data-'] a.show {
        display: inline !important;
    }

    #duesHistoryPage  .memberDuesHistoryActivityList .list-group-item .media-left div[id^='transaction-data-'] a {
        color: #00739a;
    }

    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item .media-left div[id^='transaction-data-'] a:hover,
    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item .media-left div[id^='transaction-data-'] a:focus {
        text-decoration: underline;
    }

    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item .media-right {
        margin-left: 0;
    }

    #duesHistoryPage header .media-right {
        padding: 0;
    }

    #duesHistoryPage header .media-right .visible {
        display: inline-block !important;
        visibility: visible !important;
    }

    #duesHistoryPage header .media-body {
        display: none !important;
    }

    #duesHistoryPage header {
        display: block !important;
        padding: 15px 8px 8px;
    }

    #duesHistoryPage .duesHistoryFormWrapper .panel-body {
        padding-top: 6px;
    }

    #duesHistoryPage  .memberDuesHistoryActivityList .list-group-item .media-right div > span.balance {
        word-wrap: break-word;
    }

    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item .media-right .mphPts {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 4px;
        word-wrap: break-word;
    }

    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item .ellips  {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:nowrap;
    }

    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item .duesHead  {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item .duesHead.date {
        margin-bottom: 4px;
    }

    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item .duesAmount {
        position: relative;
        max-width: 140px;
        margin-left: 10px;
        word-break: break-all;
    }

    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item .duesAmount .reg {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 32px;
        line-height: 40px;
        word-break: break-all;
        margin-bottom: 5px;
    }

    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item .duesAmount .sup {
        display: inline-block;
        line-height: 33px;
     }

    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item .duesAmount .sup.duesCurrency {
        margin-right: -1px;
    }

    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item .duesAmount .sup.duesDecimal {
        margin-left: -2px;
    }

    #duesHistoryPage .memberDuesHistoryActivityList .list-group-item .duesAmount .sup span {
       font-family: Avenir, Helvetica, Arial, sans-serif;
       font-size: 18px;
       font-weight: 600;
       line-height: 18px;
       vertical-align: top;
    }
}

/**
|------------------------------------------------
| Dues Sorry Not Found
|------------------------------------------------
|
| <noResultsFound>
|
*/

#duesHistoryPage .memberDuesHistoryActivity .panel-body .noResultsFound,
#duesHistoryPage .memberDuesHistoryActivity .panel-body .contactMemberAccounting,
#duesHistoryPage .memberDuesHistoryActivity .panel-body .noDuesInformation {
    text-align: center;
    max-width: 710px;
    margin: auto;
    padding: 35px 0;
}

#duesHistoryPage .memberDuesHistoryActivity .panel-body .noResultsFound.hidden,
#duesHistoryPage .memberDuesHistoryActivity .panel-body .contactMemberAccounting.hidden,
#duesHistoryPage .memberDuesHistoryActivity .panel-body .noDuesInformation.hidden {
    display: none !important;
}

#duesHistoryPage .memberDuesHistoryActivity .panel-body .noResultsFound h3,
#duesHistoryPage .memberDuesHistoryActivity .panel-body .contactMemberAccounting h3,
#duesHistoryPage .memberDuesHistoryActivity .panel-body .noDuesInformation h3 {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    font-weight: 600;
    line-height: 25px;
    font-size: 16px;
}

#duesHistoryPage .memberDuesHistoryActivity .panel-body .noResultsFound p,
#duesHistoryPage .memberDuesHistoryActivity .panel-body .contactMemberAccounting p,
#duesHistoryPage .memberDuesHistoryActivity .panel-body .noDuesInformation p {
    margin: 0;
}



/* Date Error Message */

#duesHistoryPage #duesHistoryFormModal .inlineErrors {
    margin-left: 0px;
    margin-top: -4px;
}

#duesHistoryPage #duesHistoryFormModal .inlineErrors,
#duesHistoryPage #duesHistoryFormModal .inlineErrors .dvcss-form-list-body .dvcss-form-list-title,
#duesHistoryPage #duesHistoryFormModal .inlineErrors .dvcss-form-list-body .dvcss-form-list-title h4 {
    color: #ff4605;
}

#duesHistoryPage #duesHistoryFormModal .inlineErrors .dvcss-form-list-body h4  {
    margin-bottom: 8px;
    font-size: 14px;
}

#duesHistoryPage #duesHistoryFormModal .inlineErrors .dvcss-form-list-body .dvcss-form-list-title .errorMessages {
    padding-left: 15px;
    margin-bottom: 10px;
}

#duesHistoryPage #duesHistoryForm .membershipDetailsRow > .media-right .pillSubmit[disabled],
#duesHistoryPage #duesHistoryForm .membershipDetailsRow > .media-right .pillSubmit[disabled] .pillBase.primary > .buttonText.gradient {
    background: #2094bb !important;
    color: #ffffff !important;
}


@media screen and (max-width: 767px) {
    #duesHistoryPage #duesHistoryFormModal .inlineErrors {
        margin-left: 0;
        margin-top: -4px;
    }

    #duesHistoryPage #duesHistoryFormModal .inlineErrors .dvcss-form-list-body h4 {
        margin-bottom: 0;
    }

     #duesHistoryPage #duesHistoryFormModal .inlineErrors li:first-child {
         margin-top: 0;
     }
}


/**************************************************
 * Dues Payment Page - dues-payment.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: MACAK009 $
 * $Revision: #66 $
 * $Change: 1647378 $
 * $Date: 2016/11/04 $
 **************************************************/

/**
 *----------------------------------------------------------------------------------------------
 * Header
 *----------------------------------------------------------------------------------------------
 *
 */

#duesPaymentPage .dvcss-content-header {
    padding: 20px 25px 8px;
}

#duesPaymentPage .dvcss-content-header .dvcss-content-text {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
    max-width: 529px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesPaymentPage .dvcss-content-header {
        padding-left: 10px;
        padding-right: 10px;
    }

    #duesPaymentPage .dvcss-content-header .dvcss-content-text {
        margin-top: 0;
        max-width: none;
    }

}

/**
 *----------------------------------------------------------------------------------------------
 * Body
 *----------------------------------------------------------------------------------------------
 *
 */

#duesPaymentPage .duesPaymentMain {
    padding: 0 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesPaymentPage .duesPaymentMain {
        padding-left: 10px;
        padding-right: 10px;
    }

}

/**
 *----------------------------------------------------------------------------------------------
 * Aside
 *----------------------------------------------------------------------------------------------
 *
 */

#duesPaymentPage aside .panel-footer .panel-meta div {
    width: 125px;
}

#duesPaymentPage .label-radio {
    display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:row;
}

#duesPaymentPage .label-radio .flex-left {
    -webkit-flex:1;
    -webkit-box-flex:1;
    -moz-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
}

#duesPaymentPage .dvcss-pull-right .input-group {
    display: inline-block;
}

#duesPaymentPage .dvcPanelForm .label-radio .input-group .formInputElement {
    margin: 0;
}

#duesPaymentPage .dvcPanelForm .label-radio .input-group .formInputElement .inputElement {
    min-height: 0;
}

#duesPaymentPage .dvcPanelForm .label-radio .input-group .formInputElement input {
    width: 80px;
    margin: 1px 0 0;
}

#duesPaymentPage .dvcPanelForm .label-radio .list-group .list-group-item {
    padding: 25px 0px 30px;
}

#duesPaymentPage .label-radio .radio {
    display: inline-block;
}

#duesPaymentPage .label-radio .input-group-addon {
    position: absolute;
    top: 7px;
    right: 90px;
    background: none;
    border: 0;
    display: inline-block;
    line-height: 20px;
    padding: 0;
    width: auto;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesPaymentPage .label-radio .input-group {
        margin-top: -10px;
    }

    #duesPaymentPage .label-radio .input-group .input-group-addon {
        top: 10px;
        padding: 0;
    }

    #duesPaymentPage .label-radio .input-group .formInputElement input {
        margin: 0 0 6px;
    }

    #duesPaymentPage .label-radio .flex-left + .dvcss-pull-right .inlineErrors {
        max-width: 85px;
        font-size: 12px;
        line-height: 18px;
        margin-top: 5px;
    }

    #duesPaymentPage .label-radio .flex-left + .dvcss-pull-right .inlineErrors li {
        list-style-position: inside;
    }

}

/* FPO Payment Method Disney Gift Card  */

#duesPaymentPage .dvcss-panel-form-fieldset .giftCardDisclaimer {
    margin-top: 6px;
    margin-bottom: 9px;
}

/* End of FPO Payment Method Disney Gift Card  */

/* FPO Payment Method Redemption Card  */


#duesPaymentPage .dvcPanelForm .dvcss-panel-form-fieldset.rewardsCard {
    padding-bottom: 25px;
}

/* End of FPO Payment Method Redemption Card  */




/**
 *----------------------------------------------------------------------------------------------
 * Dues Payment Modal
 *----------------------------------------------------------------------------------------------
 *
 */

#duesOverpaymentModal {
    text-align: center;
}

#duesOverpaymentModal .modal-header {
    padding: 60px 50px 0;
}

#duesOverpaymentModal .modal-header .modal-title {
    padding: 0 13px;
}

#duesOverpaymentModal .modal-body {
    padding-top: 0;
    padding-bottom: 60px;
}

#duesOverpaymentModal .modal-body > div {
    padding: 0 21px;
    line-height: 20px;
}

#duesOverpaymentModal .modal-footer .btn-cancel {
    border-radius: 4px;
    background: transparent;
    color: #00739a;
    border: 2px solid #00739a;
    font-size: 14px;
    box-shadow: none;
    padding: 8px 20px 8px;
    width: 160px;
    margin-right: 15px;
}

#duesOverpaymentModal .modal-footer .btn-success {
    padding: 10px 20px 10px;
    width: 160px;
}

#duesOverpaymentModal.dvcss-modal .modal-header-faded .modal-header-inner {
    padding: 0 0 25px;
}

#duesOverpaymentModal.dvcss-modal .modal-footer.modal-footer-faded {
    padding: 0 20px 20px;
}

#duesOverpaymentModal.dvcss-modal .modal-footer-faded .modal-footer-inner {
    padding: 20px 0 0;
}

#duesOverpaymentModal .dvcss-hr-faded {
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#dfdfdf 5%,#dfdfdf 95%,hsla(0,0%,100%,0)) repeat scroll 0 0 transparent;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesOverpaymentModal .modal-header .modal-header-inner {
        padding-bottom: 30px;
    }

    #duesOverpaymentModal .modal-header .modal-title {
        margin-bottom: 0;
    }

    #duesOverpaymentModal .modal-body {
        padding-left: 20px;
        padding-right: 20px;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #duesOverpaymentModal .modal-body > div {
        padding: 0;
    }

    #duesOverpaymentModal .modal-footer .modal-footer-body {
        padding: 0 10px 10px;
    }

    #duesOverpaymentModal .modal-footer .modal-footer-inner {
        padding-top: 10px;
        margin-left: -5px;
        margin-right: -5px;
    }

    #duesOverpaymentModal .modal-footer .modal-footer-inner:before,
    #duesOverpaymentModal .modal-footer .modal-footer-inner:after {
        display: table;
        content: " ";
    }

    #duesOverpaymentModal .modal-footer .modal-footer-inner:after {
        clear: both;
    }

    #duesOverpaymentModal .modal-footer .modal-footer-inner > span {
        position: relative;
        float: left;
        min-height: 0;
        padding: 0 5px;
    }

    #duesOverpaymentModal .modal-footer .modal-footer-inner > span:first-child {
        width: 41.66666667%;
    }

    #duesOverpaymentModal .modal-footer .modal-footer-inner > span:last-child {
        width: 58.33333333%;
    }

    #duesOverpaymentModal .modal-footer .btn-cancel,
    #duesOverpaymentModal .modal-footer .btn-success {
        width: 100%
    }

}

/* End of Dues Payment Modal */

/**
 *----------------------------------------------------------------------------------------------
 * Inline Errors Dues Payment
 *----------------------------------------------------------------------------------------------
 *
 */

#collapsePayByContract .input-group {
    position: relative;
}

#collapsePayByContract .jsvfElement .standardFormElement > .inlineErrors li {
    list-style-type: disc !important;
    display: list-item;
}

#duesPaymentPage .dvcPanelForm .dvcss-form div[id^='ccCountry-'] .inlineErrors,
#duesPaymentPage .dvcPanelForm .dvcss-form div[id^='ccState-'] .inlineErrors,
#duesPaymentPage .dvcPanelForm .dvcss-form div[id^='ccProvince-'] .inlineErrors,
#duesPaymentPage .dvcPanelForm .dvcss-form div[id^='ccTerritory-'] .inlineErrors {
    position: relative;
}

#duesPaymentPage .dvcPanelForm .dvcss-form div[id^='ccCountry-'] .inlineErrors li,
#duesPaymentPage .dvcPanelForm .dvcss-form div[id^='ccState-'] .inlineErrors li,
#duesPaymentPage .dvcPanelForm .dvcss-form div[id^='ccProvince-'] .inlineErrors li,
#duesPaymentPage .dvcPanelForm .dvcss-form div[id^='ccTerritory-'] .inlineErrors li {
    margin-top: 7px;
}


/**
 *----------------------------------------------------------------------------------------------
 * Single Contract - Select amount to pay
 *----------------------------------------------------------------------------------------------
 *
 */

#duesPaymentPage .contractsListSingle .list-group {
    margin-top: -30px;
}

#duesPaymentPage .contractsListSingle .list-group .contractItem:first-child {
    border-top: 0;
}

@media screen and (max-width: 767px) {

    #duesPaymentPage .contractsListSingle .list-group .contractItem {
        background: none;
        border-bottom: 0;
    }

}

/**
 *----------------------------------------------------------------------------------------------
 * Select Amount to Pay - Radio button color
 *----------------------------------------------------------------------------------------------
 *
 */

#duesPaymentPage  .radio-success input[type="radio"]:disabled:checked + span::after {
    background-color: #A1AFC0;
}



/**
 *----------------------------------------------------------------------------------------------
 * Remaining Dues Balance - Aside Temporary Fix
 *----------------------------------------------------------------------------------------------
 *
 */

#duesPaymentPage .dvcPanelForm .dvcss-panel-form-right .panel .panel-footer .text-group:nth-child(2) .media-table > .media-right strong {
    display: inline;
}


/**
 *----------------------------------------------------------------------------------------------
 * FPO: Pay Full Statement Balance Checkboxes
 *----------------------------------------------------------------------------------------------
 *
 */

#duesPaymentPage .dvcPanelForm .statementItem .statementItemContractsList > li > .media .media-text {
    max-width: 380px;
}

@media screen and (max-width: 767px) {

    #duesPaymentPage .dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item {
        padding: 20px 0 25px;
    }

    #duesPaymentPage .dvcPanelForm .statementItem .statementItemContractsList .text-ellipsis {
        font-size: 14px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        line-height: 20px;
    }

    #duesPaymentPage .dvcPanelForm .dvcss-panel-form-body .panel > .panel-body .accordion .accordion-heading .media-table .media-body {
        font-size: 14px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        line-height: 20px;
    }

}

/**
|-------------------------------------------------------------------------------------
| Dues Payment Method Section
|-------------------------------------------------------------------------------------
|
*/

#duesPaymentPage .paymentMethodSection > .panel-heading .panel-title {
    padding-bottom: 10px;
}

/* Mobile only */
@media (max-width: 767px) {
    #duesPaymentPage .paymentMethodSection > .panel-heading .panel-title {
        padding-bottom: 10px;
    }
}

/**
 *----------------------------------------------------------------------------------------------
 * Dues Credit Card Payment - Use CC on File
 *----------------------------------------------------------------------------------------------
 *
 */

#duesPaymentPage .paymentMethodFormElements > .media-table {
    margin-top: 23px;
}

#duesPaymentPage .paymentMethodFormElements > .media-table > .media-left {
    width: 175px;
}

#duesPaymentPage .paymentMethodFormElements > .media-table > .media-left > .pull-right {
    margin-right: 17px;
    word-wrap: break-word;
}

#duesPaymentPage .paymentMethodFormElements > .media-table > .media-left > .pull-right > span {
    display:block;
}

#duesPaymentPage .paymentMethodFormElements > .media-table > .media-left > .pull-right > span:last-child {
    font-size: 12px;
    line-height: 15px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

#duesPaymentPage .paymentMethodFormElements > .media-table > .media-left > img {
    padding-top: 7px;
}

#duesPaymentPage .paymentMethodFormElements > .media-table > .media-body {
    width: 425px;
    padding-left: 38px;
}

@media screen and (max-width: 767px) {

    #duesPaymentPage .paymentMethodFormElements > .media-table {
        margin-top: 7px;
        margin-bottom: -35px;
    }

    #duesPaymentPage .paymentMethodFormElements > .media-table > .media-left > .pull-right {
        float: none !important;
        width: 166px;
    }

    #duesPaymentPage .paymentMethodFormElements > .media-table > .media-left > img {
        padding-top: 0;
        margin-bottom: 10px;
    }

    #duesPaymentPage .paymentMethodFormElements > .media-table > .media-left > .pull-right > span {
        display: inline-block;
    }

    #duesPaymentPage .paymentMethodFormElements > .media-table > .media-left {
        float: left;
    }

    #duesPaymentPage .paymentMethodFormElements > .media-table > .media-body {
        width: auto;
        padding: 0;
        float: right;
    }

}


/**********************************************************/

/* Additional Adjustments */

#duesPaymentPage .dvcss-panel-form-fieldset #paymentType-id-base {
    margin-left: 0px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesPaymentPage .dvcPanelForm .dvcss-panel-form-body .panel > .panel-body .accordion .accordion-heading .media-table > .media-right.duesStatementUnavailable {
        white-space: normal;
        width:40%;
    }

    #duesPaymentPage .dvcPanelForm .dvcss-panel-form-body .panel > .panel-body .accordion .accordion-heading .media-table .media-right > .wrap {
        min-width: 120px;
    }

}


/**
|-------------------------------------------------------------------------------------
| Dues Action Footer Section
|-------------------------------------------------------------------------------------
|
*/
#duesPaymentPage .dvcss-panel-form-footer .dvcss-panel-form-footer-actions .dvcss-btn.btn[disabled] {
    background-color: #D3D3D3;
    border-color: #D3D3D3;
}

/* Desktop only */
@media (min-width: 768px) {
    #duesPaymentPage .dvcss-panel-form-footer .dvcss-panel-form-footer-actions .dvcss-btn.btn-info {
        min-width: 120px;
    }

    #duesPaymentPage .dvcss-panel-form-footer .dvcss-panel-form-footer-actions .dvcss-btn.formSubmit {
        min-width: 150px;
    }
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesPaymentPage .dvcss-panel-form-footer .dvcss-panel-form-footer-actions .dvcss-row > .col-xs-5 {
        width:35%;
    }

    #duesPaymentPage .dvcss-panel-form-footer .dvcss-panel-form-footer-actions .dvcss-row > .col-xs-7 {
        width: 65%;
    }

}
/**************************************************
 * Dues Payment Method CC Component - dues-payment-method-cc.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: TUAZR001 $
 * $Revision: #28 $
 * $Change: 1648212 $
 * $Date: 2016/11/23 $
 **************************************************/

#duesPaymentPage .duesPaymentMethod .dvcss-panel-form-fieldset > .dvcss-row,
#duesPaymentPage .duesPaymentMethod .dvcss-panel-form-fieldset .paymentMethodFormElements .PaymentMethodCcFormFields > .dvcss-row,
#duesPaymentPage .duesPaymentMethod .dvcss-panel-form-fieldset .paymentMethodFormElements .duesPaymentMethodCcFormFields > .dvcss-row {
    margin-left: -30px;
    margin-right: -30px;
}

#duesPaymentPage .duesPaymentMethod .dvcss-panel-form-col,
#duesPaymentPage .duesPaymentMethod .dvcss-panel-form-fieldset > .dvcss-row > .col-xs-12 {
    padding-left: 30px;
    padding-right: 30px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesPaymentPage .duesPaymentMethod .dvcss-panel-form-fieldset > .dvcss-row,
    #duesPaymentPage .duesPaymentMethod .dvcss-panel-form-fieldset .paymentMethodFormElements .PaymentMethodCcFormFields > .dvcss-row,
    #duesPaymentPage .duesPaymentMethod .dvcss-panel-form-fieldset .paymentMethodFormElements .duesPaymentMethodCcFormFields > .dvcss-row {
        margin-left: -14px;
        margin-right: -14px;
    }

    #duesPaymentPage .duesPaymentMethod .dvcss-panel-form-col {
        padding-left: 15px;
        padding-right: 15px;
    }

    #duesPaymentPage .duesPaymentMethod .dvcss-panel-form-col:first-child {
        padding-bottom: 23px;
    }

}

/**
|-----------------------------------------------------------------------------------------------
| Form Legends
|-----------------------------------------------------------------------------------------------
|
*/

#duesPaymentPage .duesPaymentMethod  .paymentMethodFormElements .form-legend .h5 {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesPaymentPage .dvcPanelForm .dvcss-panel-form-col .form-legend .h5 {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 10px;
    }

    #duesPaymentPage .dvcPanelForm .dvcss-panel-form-col:first-child .form-legend .h5 {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
    }

    #duesPaymentPage .dvcPanelForm .dvcss-panel-form-fieldset .fieldset-header .dvcss-panel-form-col {
        margin-bottom: 18px;
    }

    #duesPaymentPage .dvcPanelForm .dvcss-panel-form-fieldset .fieldset-header .dvcss-panel-form-col {
        padding-bottom: 0;
    }

    #duesPaymentPage .dvcPanelForm .dvcss-panel-form-fieldset .fieldset-header .formInputElement .selectBox {
        margin-top: 0;
    }

}


/**
|-----------------------------------------------------------------------------------------------
| Form Fields
|-----------------------------------------------------------------------------------------------
|
*/

#duesPaymentPage .paymentMethodFormElements .dvcss-panel-form-col > .dvcss-form > .dvcss-row {
    margin-left: -6px;
    margin-right: -6px;
}

#duesPaymentPage .paymentMethodFormElements .dvcss-panel-form-col > .dvcss-form > .dvcss-row > .col-sm-6 {
    padding-left: 6px;
    padding-right: 6px;
}

#duesPaymentPage .paymentMethodFormElements .form-row .inlineErrors,
#duesPaymentPage .paymentMethodFormElements .form-group .inlineErrors {
    position: relative;
    margin-top: 0;
}

#duesPaymentPage .paymentMethodFormElements .inlineErrors > li {
    display: list-item;
}

#duesPaymentPage .paymentMethodFormElements .inlineErrors > li:first-child {
    margin-top: 12px;
}

#duesPaymentPage .paymentMethodFormElements .dvcss-form.form-inline .form-row .inlineErrors li:last-child {
    margin-bottom: 0;
}

#duesPaymentPage .paymentMethodFormElements .ccInfoFormRow {
    padding-top: 1px;
    margin-bottom: 18px;
}

#duesPaymentPage .paymentMethodFormElements .stateZipFormRow .formInputElement {
    margin-right: 0;
    margin-bottom: 0 !important;
}

#duesPaymentPage .paymentMethodFormElements .stateZipFormRow .dvcss-row {
    margin-right: -6px;
    margin-left: -6px;
}

#duesPaymentPage .paymentMethodFormElements .stateZipFormRow .dvcss-row .col-sm-6 {
    padding-right: 6px;
    padding-left: 6px;
}

#duesPaymentPage .paymentMethodFormElements .form-label label.hasErrors {
    color: #ff4605;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    #duesPaymentPage .paymentMethodFormElements .stateZipFormRow .formInputElement {
        margin-bottom: 18px!important;
    }

    #duesPaymentPage .paymentMethodFormElements .stateZipFormRow.form-row .inlineErrors {
        margin-top: -18px;
    }

    #duesPaymentPage .paymentMethodFormElements .stateZipFormRow.form-row .inlineErrors li:last-child {
        margin-bottom: 0;
    }
}

/* Desktop only */
#duesPaymentPage .paymentMethodFormElements .ccInfoFormDeck {
    position: relative;
}

#duesPaymentPage .paymentMethodFormElements .ccInfoFormLabel .media-right .uiToolTip {
    display: none;
}

#duesPaymentPage .paymentMethodFormElements .ccInfoFormLabel .media-right label {
    padding-right: 23px;
}

#duesPaymentPage .paymentMethodFormElements .ccInfoFormRow .media-body .formInputElement {
    position: static;
}

#duesPaymentPage .paymentMethodFormElements .ccInfoFormRow .media-body .uiToolTip {
    display: inline-block;
    position: absolute;
    top: -3px;
    right: 0;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    #duesPaymentPage .paymentMethodFormElements .ccInfoFormDeck .ccInfoFormRow .media-body,
    #duesPaymentPage .paymentMethodFormElements .ccInfoFormDeck .ccInfoFormRow .media-left {
        width: 33.3%;
    }
    
    #duesPaymentPage .paymentMethodFormElements .ccInfoFormDeck .ccInfoFormRow .media-left .formInputElement .selectBox {
        width: 100%;
    }
    
    #duesPaymentPage .paymentMethodFormElements .ccInfoFormDeck .ccInfoFormLabel .media > .media-right {
        width: 33.3%;
        position: relative;
    }
    
    #duesPaymentPage .paymentMethodFormElements .ccInfoFormRow .media-body .uiToolTip {
        display: none;
    }
    
    #duesPaymentPage .paymentMethodFormElements .ccInfoFormLabel .media-right .uiToolTip {
        display: block;
        position: absolute;
        left: 85px;
        top: -1px;   
    }
    
    #duesPaymentPage .paymentMethodFormElements .PaymentMethodCcFormFields .form-group-inline {
        position: relative;
    }
    
    #duesPaymentPage .paymentMethodFormElements .PaymentMethodCcFormFields .form-group-inline .uiToolTip {
        position: absolute;
        top: -21px;
        left: 267px;
    } 
}

/* Tablet only */
@media (min-width: 768px) and (max-width: 991px) {
    #duesPaymentPage .dvcPanelForm .dvcss-panel-form-fieldset .form-label .media-right {
        display: none !important;
    }

    #duesPaymentPage .paymentMethodFormElements .ccInfoFormRow > .media-table {
        display: block;
        width: auto;
    }

    #duesPaymentPage .paymentMethodFormElements .ccInfoFormRow > .media-table > .media-left {
        display: inline-block;
        width: 50%;
        padding-left: 7px;
        padding-right: 0;
        margin-right: -4px;
    }

    #duesPaymentPage .paymentMethodFormElements .ccInfoFormRow > .media-table > .media-left:first-child {
        padding-left: 0;
        padding-right: 7px;
    }

    #duesPaymentPage .paymentMethodFormElements .ccInfoFormRow > .media-table > .media-left .form-group {
        display: block;
    }

    #duesPaymentPage .paymentMethodFormElements .ccInfoFormRow > .media-table > .media-left .form-group .formInputElement {
        display: block;
    }

    #duesPaymentPage .paymentMethodFormElements .ccInfoFormRow > .media-table > .media-left .form-group .formInputElement .selectBox {
        width: 100%;
    }

    #duesPaymentPage .paymentMethodFormElements .ccInfoFormRow > .media-table > .media-body {
        display: block;
        width: auto;
    }

    #duesPaymentPage .paymentMethodFormElements .ccInfoFormRow > .media-table > .media-body label {
        display: inline-block;
    }

    #duesPaymentPage .paymentMethodFormElements .ccInfoFormRow > .media-table > .media-body .uiToolTip {
        display: inline-block;
        position: relative;
        top: auto;
        right: auto;
    }

    #duesPaymentPage .paymentMethodFormElements .ccInfoFormRow > .media-table > .media-body .form-group .formInputElement {
        margin-top: 16px !important;
    }
}



/**
|-----------------------------------------------------------------------------------------------
| Error / Alert Messages
|-----------------------------------------------------------------------------------------------
|
*/

#duesPaymentPage .duesPaymentMethod .dvcss-panel-form-fieldset .dvcAlertMessage {
    margin-top: -10px;
    margin-bottom: 5px;
    max-width: 500px;
}

#duesPaymentPage .duesPaymentMethod .dvcss-panel-form-fieldset .dvcAlertMessage .dvcss-form-list-title {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

#duesPaymentPage .duesPaymentMethod .dvcss-panel-form-fieldset .dvcAlertMessage .dvcss-form-list-title + .dvcss-form-list-title {
    margin-top: 20px;
}


/***********************************************************
 * Dues Payment Method CC on File Component
 *
 * (c) Disney.  All rights reserved.
 *
***********************************************************/

#duesPaymentPage .dvcPaymentMethodCcOnFile > .media-table {
    display: table;
    width: 100%;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesPaymentPage .dvcPaymentMethodCcOnFile > .media-table {
        margin-top: 10px;
    }

    #duesPaymentPage .dvcPaymentMethodCcOnFile > .media-table > .media-left {
        width: 50%;
    }

    #duesPaymentPage .dvcPaymentMethodCcOnFile > .media-table > .media-body {
        width: auto;
    }

    #duesPaymentPage .dvcPaymentMethodCcOnFile > .visible-xs-block > .media-table > .media-body {
        padding-top: 12px;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

}

/* Tablet only */
@media (min-width: 768px) and (max-width: 991px) {

    #duesPaymentPage .dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body > div {
        width: 110px !important;
        padding-right: 25px !important;
    }
    
    #duesPaymentPage .dvcPaymentMethodCcOnFile .media-table .media-body .ccCvvFormGroup .media-body .uiToolTip {
        margin-left: -8px;
    }
   
    #duesPaymentPage .dvcPaymentMethodCcOnFile .media-table .media-body .ccCvvFormGroup .media-body .hidden-xs {
        width: 73px;
    }  
    
    #duesPaymentPage .dvcPaymentMethodCcOnFile .media-table .media-body .ccCvvFormGroup .media-right {
        padding-left: 8px;
    }
}

/**
|-----------------------------------------------------------------------------------------------
| Card Type Form Group
|-----------------------------------------------------------------------------------------------
|
*/

#duesPaymentPage .dvcPaymentMethodCcOnFile .cardTypeFormGroup {
    white-space: normal;
}

#duesPaymentPage .dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-left {
    padding-right: 10px;
}

#duesPaymentPage .dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
}

#duesPaymentPage .dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body > div {
    width: 150px;
    padding-right: 55px;
}

#duesPaymentPage .dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
}

#duesPaymentPage .dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body .text-muted {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
}


/* Mobile only */
@media screen and (max-width: 767px) {

    #duesPaymentPage .dvcPaymentMethodCcOnFile .cardTypeFormGroup {
        white-space: normal;
        padding-right: 10px;
    }

    #duesPaymentPage .dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body strong {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    #duesPaymentPage .dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body strong + div {
        display: inline;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    #duesPaymentPage .dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body > div {
        width: auto;
        padding: 0;
    }

    #duesPaymentPage .dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body .text-muted {
        line-height: 20px;
    }

}

/**
|-----------------------------------------------------------------------------------------------
| Cvv Form Group
|-----------------------------------------------------------------------------------------------
|
*/

#duesPaymentPage .dvcPaymentMethodCcOnFile {
    margin-top: 22px;
    margin-bottom: 10px;
}

#duesPaymentPage .dvcPaymentMethodCcOnFile .ccCvvFormGroup {
    display: table;
    width: 100%;
}

#duesPaymentPage .dvcPaymentMethodCcOnFile .ccCvvFormGroup > .media-right {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

#duesPaymentPage .dvcPaymentMethodCcOnFile .ccCvvFormGroup label {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    width: 50px;
    vertical-align: top;
    margin-top: 5px;
}

#duesPaymentPage .dvcPaymentMethodCcOnFile .ccCvvFormGroup .uiToolTip {
    top: 1px !important;
    vertical-align: top;
}

#duesPaymentPage .dvcPaymentMethodCcOnFile .ccCvvFormGroup > .media-body > .media-table > .media-body {
    padding-left: 7px;
}

#duesPaymentPage .dvcPaymentMethodCcOnFile .ccCvvFormGroup .formInputElement label,
#duesPaymentPage .dvcPaymentMethodCcOnFile .ccCvvFormGroup .formInputElement .uiToolTip {
    display: none;
    visibility: hidden;
}

#duesPaymentPage .dvcPaymentMethodCcOnFile .ccCvvFormGroup .formInputElement .textInput input {
    width: 75px;
}


/* Mobile only */
@media screen and (max-width: 767px) {

    #duesPaymentPage .dvcPaymentMethodCcOnFile {
        margin-top: -5px;
        margin-bottom: -33px;
    }

    #duesPaymentPage .dvcPaymentMethodCcOnFile .ccCvvFormGroup .formInputElement label,
    #duesPaymentPage .dvcPaymentMethodCcOnFile .ccCvvFormGroup .formInputElement .uiToolTip {
        display: inline-block;
        visibility: visible;
    }

    #duesPaymentPage .dvcPaymentMethodCcOnFile .ccCvvFormGroup .formInputElement .inlineErrors {
        display: block;
    }

    #duesPaymentPage .dvcPaymentMethodCcOnFile .ccCvvFormGroup label {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
        width: auto;
    }

    #duesPaymentPage .dvcPaymentMethodCcOnFile .ccCvvFormGroup .uiToolTip {
        top: 0;
        vertical-align: top;
    }

    #duesPaymentPage .dvcPaymentMethodCcOnFile .ccCvvFormGroup > .media-body > .media-table > .media-left {
        display: block;
        text-align: right;
    }

    #duesPaymentPage .dvcPaymentMethodCcOnFile .ccCvvFormGroup > .media-body > .media-table > .media-left .formInputElement .textInput {
        margin-top: 0;
    }

    #duesPaymentPage .dvcPaymentMethodCcOnFile .ccCvvFormGroup > .media-body > .media-table > .media-body {
        display: block;
        padding-left: 0;
        width: auto;
    }

}

#duesPaymentPage .duesPaymentMethod label[for=paymentType], .duesPaymentType #amount-label {
    display: none;
}
/**************************************************
 * Dues Payment Confirmation Page - dues-payment-confirmation-page.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: MACAK009 $
 * $Revision: #12 $
 * $Change: 1648140 $
 * $Date: 2016/11/21 $
 **************************************************/

/**
 *----------------------------------------------------------------------------------------------
 * Payment Confirmation Page
 *----------------------------------------------------------------------------------------------
 *
 */

#duesPaymentConfirmation .dvcss-page-header .visible-xs-block h1{
    color: #fff;
    font-family: Avenir-light,Helvetica,Arial,sans-serif;
    font-size: 36px;
    font-weight: 100;
    line-height: 40px;
    margin: 0;
    padding-top: 31px;
    padding-bottom: 18px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper {
    padding: 26px 20px 19px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentHeadSection p {
    width: 680px;
    margin-bottom: 25px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentHeadSection h1 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 5px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentTopSection {
    font-weight: 600;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentTopSection div:first-child {
    font-size: 18px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 10px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentTopSection > div,
#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentTopSection div.paymentType {
    margin-top: 5px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentTopSection > div:first-child {
    margin-top: 0;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary {
    margin-top: 25px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel {
    border: 0;
    margin-bottom: 35px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-heading {
    border: 0;
    background: transparent;
    padding: 0;
    pointer-events: none;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-heading h3:first-child {
    font-size: 18px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 10px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-heading > a {
    text-decoration:none;
    color:#253B56;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-heading h3 {
    margin-bottom: 5px;
    font-size: 14px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-body {
    padding: 0;
    margin-top: 10px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel .panel-body .media-table .media-body {
    float: left;
    width: 200px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel .panel-body .media-table .media-body.remainingDues {
    /*width: 195px;*/
    margin-right: 5px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-body > .media-table.remainingDuesBalance > .media-body {
    float: none;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-body > .totalPayment {
    margin-top: 20px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-body > .remainingDuesBalance {
    margin-top: 15px;
}

/**
 *----------------------------------------------------------------------------------------------
 * Without overpayment message 
 *----------------------------------------------------------------------------------------------
 *
 */
 
#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-body > .media-table > .media-right {
    width: 80px;
    text-align: right;
    padding-left: 0;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-body > .media-table > .media-right > .rdb {
    width: 75px;
    display: inline-block;
    text-align: right;
}

/**
 *----------------------------------------------------------------------------------------------
 * With overpayment message 
 *----------------------------------------------------------------------------------------------
 *
 */
 
#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-body > .remainingDuesBalance > .media-right,
#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-body > .paymentContract > .media-right {
    white-space: normal;
    width: auto;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-body > .remainingDuesBalance > .media-right > .rdb,
#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-body > .paymentContract > .media-right > .rdb {
    float: left;
    width: 80px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-body > .paymentContract > .media-right > .overPaymentMsg {
    text-align: left;
    padding-left: 85px;
    max-width: 400px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-body > .remainingDuesBalance > .media-right.overPaymentAmt {
    vertical-align: bottom;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-body > .remainingDuesBalance > .media-right.overPaymentMsg {
    text-align: left;
    padding-left: 5px;
    max-width: 400px;
}

/* end */




#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentTopSection .subtext {
    font-style: italic;
    display: inline-block;
    font-weight: 100;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentTopSection .paymentType {
    width: auto;
    float:left;
    margin-right: 6px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .media-table.paymentStatement {
    margin-bottom: 10px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper .paymentStatement:last-child {
    margin-bottom: 0px;
}

/* FOOTER */

#duesPaymentConfirmation .duesPaymentConfirmationWrapper  .returnButtonWrapper {
    margin-top: 23px;
    text-align: right;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper  .returnButtonWrapper a:first-child {
    margin-right: 16px;
    padding: 9px 13px 7px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper  .returnButtonWrapper a:only-child {
    margin-right: 0px;
}

#duesPaymentConfirmation .duesPaymentConfirmationWrapper  .returnButtonWrapper a:last-child {
    background: #00739a;
    color: #fff;
    padding: 11px 15px 9px;
    border: 0;
}

/* FOOTER */

@media screen and (max-width: 767px) {

    #duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentHeadSection p {
        width: auto;
    }
    #duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-body > .media-table > .media-right {
        width: 1%;
        text-align: right;
        white-space: normal
    }

    #duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-body > .media-table > .overPaymentMsg.visible-xs {
        text-align: right;
        width: 245px;
        float: right;
        margin-top: 15px;
    }

    #duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentTopSection .subtext {
        display:block;
    }

    #duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentTopSection .paymentType {
        float:none;
        margin-right: 0;
    }

    #duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-heading,
    #duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel .panel-body .media-table .media-body,
    #duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel .panel-body .media-table .media-body.remainingDues    {
        width: 190px;
    }
    
    #duesPaymentConfirmation .duesPaymentConfirmationWrapper  .returnButtonWrapper a:first-child {
        margin-bottom: 20px;
        margin-right: 0;
    }

    #duesPaymentConfirmation .duesPaymentConfirmationWrapper  .returnButtonWrapper a {
        display: block;
        width: 100%;
    }
    
    #duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-body > .remainingDuesBalance > .media-right > .rdb,
    #duesPaymentConfirmation .duesPaymentConfirmationWrapper .duesPaymentSummary .panel > .panel-body > .paymentContract > .media-right > .rdb {
        float: none; 
    }
    
}

/* End of Dues Payment Confirmation */
/**************************************************
 * Dues Payment Page - dues-autopay.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: MACAK009 $
 * $Revision: #23 $
 * $Change: 1647696 $
 * $Date: 2016/11/10 $
 **************************************************/

#duesAutopayPage .dvcPanelForm .dvcss-panel-form-main {
    border-bottom: 0;
    padding-top: 45px;
}

#duesAutopayPage .dvcPanelForm .dvcss-panel-form-main-single {
    padding: 5px;
}

#duesAutopayPage .dvcss-content-header {
    padding: 20px 20px 8px;
}

#duesAutopayPage .autopayItem {
    padding: 0 20px;
}

#duesAutopayPage .duesAutopayContainer .select-all-checkbox{
	font-size: 14px;
    color: #1994D7;
    font-family: Avenir-heavy;
    text-decoration: none;
}
.dvcss-form.form-inline .form-label, .dvcss-form.form-inline label{
	color: #233345;
	font-family: Avenir-black;
}
#duesAutopayPage .duesAutopayContainer  .autopaySubmitContainer{
    width: 223px;
	height: 44px;
    margin: 0 0 10px 0;
}

#duesAutopayPage .autopayItem input[type="checkbox"] {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
    margin-left: -20px;
}

#duesAutopayPage .autopayItem .helper {
    position: absolute;
    top: -4px;
    left: -4px;
    cursor: pointer;
    display: block;
    font-size: 16px;
    user-select: none;
    color: #e7e7e7;
}

#duesAutopayPage .autopayItem .helper:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 6px;
    width: 20px;
    height: 20px;
    transition: transform 0.28s ease;
    border-radius: 3px;
	-moz-border-radius: 3px;
    border: 2px solid #A7ACB5; 
}

#duesAutopayPage .autopayItem  .disabled .helper:before {
	opacity: 0.4;
}

#duesAutopayPage .autopayItem .helper:after {
	content: '';
    display: block;
    width: 14px;
    height: 6px;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    position: absolute;
    top: 12px;
    left: 9px;
}

#duesAutopayPage .autopayItem input[type="checkbox"]:checked ~ .helper::before {
    color: #61941B;
	background: #61941B;
	border: 2px solid #61941B;
}

#duesAutopayPage .autopayItem input[type="checkbox"]:checked ~ .helper::after {
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}

#duesAutopayPage .autopayItem input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}

#duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right > div:first-child {
    margin-bottom: 10px;
}

#duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > div > span {
    display: block;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    max-width: 600px;
}

#duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > .autopayContract {
    margin-bottom: 7px;
}

#duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > .autopayContract > h3,
#duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > .autopayContract > span {
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    display: inline-block;
    margin-bottom: 0;
}

#duesAutopayPage .autopayContractsList > .list-group-item {
    padding: 30px 0 35px;
    border-left: 0;
    border-right: 0;
}

#duesAutopayPage .autopayContractsList > .list-group-item:first-child {
    border: 0;
    padding-top: 25px;
}

/* #duesAutopayPage .select-toggle:after{
    content: "\e316";
    font-family: pepmdx2!important;
    position: absolute;
	top: -1px;
    right: 5px;
    font-size: 17px;
    color: #7B8C9B;
}*/

#duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right > div > small {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    display: block;
    margin-top: 4px;
}

#duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right > div > .lead {
    margin-top: 5px;
    margin-bottom: 0;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 30px;
}

#duesAutopayPage .autopayContractsList {
    margin: 0;
}

#duesAutopayPage .peptasia {
    font-size: 35px;
    line-height: 35px;
}

#duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right a {
    color: #00739a;
    border: 0;
}

#duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-left {
    padding-right: 25px;
    padding-left: 10px;
}

#duesAutopayPage  .autopayItem > h3 {
   margin-bottom: 10px;
   font-family: Avenir-roman,Helvetica,Arial,sans-serif;
   font-size: 18px;
   line-height: 25px;
}

#duesAutopayPage  .autopayItem > .media-table > .media-body > div > p {
    margin-bottom: 14px;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#duesAutopayPage .autopayItem.duesAutopayNotEnrolled > .autopayContractsList > .list-group-item:last-child,
#duesAutopayPage .autopayItem.duesAutopayEnrolled > .autopayContractsList > .list-group-item:last-child  {
    border-bottom: 0;
}

#duesAutopayPage header .media-table > .media-body > div,
#duesAutopayPage .no-contracts-available .media-table > .media-body > div {
    max-width: 500px;
}

#duesAutopayPage .autopayItem > .autopayContractsList > .list-group-item > .media-table > .media-right {
    padding-left: 30px;
}

#duesAutopayPage .autopayItem > .autopayContractsList > .list-group-item > .media-table > .media-right > button {
    min-width: 166px;
}

#duesAutopayPage .checkbox label {
    padding-left: 3px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

#duesAutopayPage .dvcPanelForm .dvcss-panel-form-area {
    margin-top: 21px;
    padding: 0 20px;
}

#duesAutopayPage  .autopayItem > header > h3 {
   margin-bottom: 15px;
}

/*No Contracts Available*/
#duesAutopayPage .no-contracts-available {
    padding: 0px 20px 50px;
    margin-top: -2px;
}

#duesAutopayPage .no-contracts-available  p {
    margin: 0;
}
#duesAutopayPage .selectContainer{
	margin-top: 12px;
}

/*============= Divider =============== */

#duesAutopayPage .duesAutopayContainer .dvcss-panel-divider {
    margin: 0 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 45px;
}

/*============= Spinner ================*/
#duesAutopayPage .duesAutopayMain .membershipContentLoader {
    margin-bottom: 30px;
}

/* ============ Mobile ================ */

@media screen and (max-width: 767px) {

   #duesAutopayPage .dvcss-content-header {
        padding: 13px 20px 8px;
   }

   #duesAutopayPage .dvcPanelForm .dvcss-panel-form-main {
        padding-top: 30px;
   }

   #duesAutopayPage .dvcPanelForm .dvcss-panel-form-main-single {
       padding: 0;
       margin-bottom: 5px;
   }

   #duesAutopayPage .autopayItem {
       padding: 0 15px;
   }

   #duesAutopayPage .autopayContractsList >.list-group-item {
       padding: 35px 0 20px;
   }

   #duesAutopayPage .autopayItem > .autopayContractsList > .list-group-item > .media-table > .media-right {
       display: block;
       text-align: left;
       padding-left: 0;
       margin-top: 40px;
   }

   #duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-left {
       padding-left: 0;
       padding-right: 15px;
   }

   #duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > .autopayContract {
        margin-bottom: 20px;
    }

   #duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > .autopayContract > span {
       display: block;
       margin-bottom: 0;
   }

   #duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > div > span {
       margin-bottom: 10px;
   }

   #duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > div > span:last-child {
       margin-bottom: 0px;
   }

   #duesAutopayPage .autopayItem.duesAutopayNotEnrolled > .list-group > .list-group-item > .media-table > .media-right {
       padding: 0;
       margin-top: 35px;
   }

   #duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right > div > small,
   #duesAutopayPage .autopayContractsList >.list-group-item>.media-table > .media-right a   {
       font-size: 14px;
   }

   #duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right > div > small {
       margin: 0;
   }

   #duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right > div > .lead {
       margin-top: 10px;
   }

   #duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right > div {
       margin-left: 54px;
   }

   #duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right > div:first-child {
       margin-bottom: 20px;
   }

   #duesAutopayPage .autopayContractsList > .list-group-item:first-child {
      padding-top: 20px;
   }

   #duesAutopayPage  .autopayItem > header > h3 {
       margin-bottom: 10px;
   }

   #duesAutopayPage .autopayItem header > .media-table > .media-body> div > p  {
       margin: 0;
   }

   #duesAutopayPage .dvcPanelForm .dvcss-panel-form-area {
       margin-top: -8px;
       padding: 0 15px;
       margin-bottom: 25px;
   }

   #duesAutopayPage .no-contracts-available {
       padding-top: 30px;
   }

   #duesAutopayPage .no-contracts-available {
       padding: 30px 15px 50px;
   }
}

/* ============ Error Message ================ */

#duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > .dvcss-form-list.has-error {
    margin-top: 25px;
}

#duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > .dvcss-form-list.has-error > .dvcss-form-list-left > i {
    top: -2px;
    font-size: 21px;
}

#duesAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > .dvcss-form-list.has-error > .dvcss-form-list-body {
    margin-top: 7px;
}

/* ============ Done Button ================ */

#duesAutopayPage .duesAutopayContainer .returnButtonWrapper {
    padding: 20px;
    text-align: right;
    margin-top: -45px;
}

#duesAutopayPage .duesAutopayContainer .returnButtonWrapper .btn {
    width: auto;
}

/* Mobile */

@media screen and (max-width: 767px) { 
    
    #duesAutopayPage .duesAutopayContainer .returnButtonWrapper {
        padding: 20px 15px;
    }
    
    #duesAutopayPage .duesAutopayContainer .returnButtonWrapper .btn,
	#duesAutopayPage .duesAutopayContainer  .autopaySubmitContainer	{
        width: 100%;
    } 
	
	#duesAutopayPage .autopayContractsList>.list-group-item>.media-table>.media-right>div{
		margin-left: 34px;
	}
}
/**************************************************
 * Dues Autopay Modal Page - dues-autopay-modal.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: MACAK009 $
 * $Revision: #49 $
 * $Change: 1647461 $
 * $Date: 2016/11/04 $
 **************************************************/

#duesAutopayModal .modal-middle {
    max-width: 660px;
}

#duesAutopayModal .modal-header .modal-header-inner {
    padding: 0;
}

#duesAutopayModal .modal-title {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 15px;
}

#duesAutopayModal .modal-title small {
    margin-top: 16px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
}

#duesAutopayModal .modal-body {
    padding: 0;
}

#duesAutopayModal section {
    padding: 0 30px;
}

#duesAutopayModal .modal-body section.draftFrequencySection {
    padding: 0;
}

#duesAutopayModal .modal-body section.draftFrequencySection .section-header,
#duesAutopayModal .modal-body section.draftFrequencySection .paymentErrorContainer,
#duesAutopayModal .modal-body section.draftFrequencySection  .contractInfo
{
    padding: 0 30px;
}

#duesAutopayModal .modal-body section.draftFrequencySection  .dvcss-form{
    padding: 30px;
    background: #EBF6FC;
    font-size: 18.01px;
}

#duesAutopayModal .modal-body section.draftFrequencySection  .dvcss-form .form-row{
    margin: 0;
}

#duesAutopayModal .modal-footer {
    padding-right: 29px;
}

#duesAutopayModal .dvcss-hr-faded {
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#dfdfdf 5%,#dfdfdf 95%,hsla(0,0%,100%,0));
}

#duesAutopayModal .modal-footer .modal-footer-body {
    padding: 5px 0;
}

#duesAutopayModal .modal-footer .btn-wrapper .btn {
    min-width: 160px;
}

#duesAutopayModal .modal-footer .btn-wrapper + .btn-wrapper > .btn {
    margin-left: 12px;
    margin-bottom: 0;
}
#duesAutopayModal .editAutopayFormStatic.media-table > .media-body,
#duesAutopayModal .editAutopayFormStatic.media-table > .media-left,
#duesAutopayModal .editAutopayFormStatic.media-table > .media-right{
    display: inline-block;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    #duesAutopayModal .modal-content {
        overflow-x: hidden;
    }

    #duesAutopayModal .modal-header {
        padding: 15px 19px 0;
    }

    #duesAutopayModal .modal-title {
        font-size: 24px;
        line-height: 30px;
    }

    #duesAutopayModal .modal-title small {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        padding-left: 10px;
    }

    #duesAutopayModal .modal-body {
        padding: 0;
    }

    /* Modal Footer */

    #duesAutopayModal .modal-footer {
        padding: 0;
    }

    #duesAutopayModal .modal-footer .dvcss-hr-faded {
        display: none;
    }

    #duesAutopayModal .modal-footer .modal-footer-body {
        padding: 20px !important;
    }

    #duesAutopayModal .modal-footer .modal-footer-body .modal-footer-inner {
        display: block;
        border-collapse: collapse;
        border-spacing: 0;
        margin: 0;
        padding: 0;
        width: auto;
    }

    #duesAutopayModal .modal-footer .modal-footer-inner > .btn-wrapper:first-child {
        display: block;
        float: left;
        padding-right: 10px;
        width: 35%;
    }

    #duesAutopayModal .modal-footer .modal-footer-inner > .btn-wrapper:last-child {
        display: block;
        float: none;
        overflow: hidden;
        width: auto;
        padding: 0;
    }

    #duesAutopayModal .modal-footer .modal-footer-inner > .btn-wrapper > .btn {
        width: 100%;
        min-width: 0;
    }

    #duesAutopayModal .modal-footer .modal-footer-inner > .btn-wrapper:last-child > .btn {
        margin-left: 0;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

/*
|-----------------------------------------------------------------------------------------------
| Section General Styles
|-----------------------------------------------------------------------------------------------
|
*/

#duesAutopayModal .section-inner {
    padding: 30px 0 40px;
}

#duesAutopayModal .section-title {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 10px;
    max-width: 415px;
}

#duesAutopayModal .section-header p {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    max-width: 415px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesAutopayModal .section-header p {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 15px;
        max-width: none;
    }

    #duesAutopayModal .section-title {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        max-width: none;
    }

}

/*
|-----------------------------------------------------------------------------------------------
| Draft Frequency Section
|-----------------------------------------------------------------------------------------------
|
*/

#duesAutopayModal .draftFrequencySection .section-inner {
    padding-top: 0;
}

#duesAutopayModal .draftFrequencySection .section-header {
    margin-bottom: 30px;
}

/*** Form ***/

#duesAutopayModal .draftFrequencySection .form-inline .form-group label {
    display: block;
}

#duesAutopayModal .draftFrequencySection .form-inline .formInputElement .selectBox {
    width: 170px;
}

#duesAutopayModal .draftFrequencySection .form-inline .formInputElement .selectBox.monthly {
    width: 100px;
}
#duesAutopayModal .modal-body section.draftFrequencySection .contractInfo.multiple{
    padding-bottom: 30px;
}

/* Desktop / Tablet only */
@media screen and (min-width: 768px) {

    #duesAutopayModal .draftFrequencySection .form-inline .form-group {
        margin-right: 18px;
        padding-right: 60px;
    }

    #cvvid-base > label#cvv-label {
        display: none;
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesAutopayModal .draftFrequencySection .form-inline .form-row {
        margin-right: -4px;
        margin-left: -4px;
    }

    #duesAutopayModal .draftFrequencySection .form-inline .form-row:before,
    #duesAutopayModal .draftFrequencySection .form-inline .form-row:after {
        display: table;
        content: " ";
    }

    #duesAutopayModal .draftFrequencySection .form-inline .form-row:after {
        clear: both;
    }

    #duesAutopayModal .draftFrequencySection .form-inline .form-row .form-group {
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 6px;
        padding-left: 6px;
        width: 40%;
    }

    #duesAutopayModal .draftFrequencySection .form-inline .form-row .form-group:first-child {
        width: 60%;
    }

    #duesAutopayModal .draftFrequencySection .form-inline .formInputElement .selectBox {
        width: 100%;
    }

    #duesAutopayModal .modal-body section.draftFrequencySection .contractInfo,
    #duesAutopayModal .modal-body section.draftFrequencySection .paymentErrorContainer,
    #duesAutopayModal .modal-body section.draftFrequencySection .section-header,
    #duesAutopayModal section	{
        padding: 0 20px;
    }
    #duesAutopayModal .modal-body section.draftFrequencySection .contractInfo.multiple{
        padding-bottom: 20px;
    }
}

/*** Edit Autopay Static ***/

#duesAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic {
    margin-bottom: -5px;
}

#duesAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic > .media-right {
    padding: 30px 30px 30px;
}

#duesAutopayModal .suspendAutoPayLink,
#duesAutopayModal .cancelSuspendAutoPayLink{
    padding: 20px 30px;
}

#duesAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic > .media-right a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#duesAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic .form-inline .form-row {
    margin-bottom: 0;
}

#duesAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic .form-inline .form-group .control-label {
    display: block;
    color: #253b56;
    font-family: Avenir-black, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 7px;
}

#duesAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic .form-inline .form-group .form-control-static {
    display: block;
    padding: 0;
    color: #253b56;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 100;
    line-height: 25px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic > .media-body {
        display: block;
    }

    #duesAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic > .media-right {
        display: block;
        padding-top: 30px;
        padding-left: 30px;
    }

    #duesAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic .form-inline .form-row .form-group:first-child {
        width: 40%;
    }

    #duesAutopayModal .suspendAutoPayLink,
    #duesAutopayModal .cancelSuspendAutoPayLink{
        padding: 20px;
    }

    #duesAutopayModal .modal-body section.draftFrequencySection .dvcss-form{
        padding: 20px;
    }

}

/*** Contract Info ***/

#duesAutopayModal .draftFrequencySection .contractInfo {
    margin-top: 35px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#duesAutopayModal .draftFrequencySection .contractInfo > .media > .media-body {
    padding-top: 5px;
}

#duesAutopayModal .draftFrequencySection .contractInfo > .media > .media-body strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-weight: 600;
}

#duesAutopayModal .draftFrequencySection .contractInfo > .media > .media-right {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}

#duesAutopayModal .draftFrequencySection .contractInfo > .media > .media-right strong {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 18.01px;
    line-height: 25px;
    font-weight: normal;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesAutopayModal .draftFrequencySection .contractInfo {
        margin-top: 25px;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    #duesAutopayModal .draftFrequencySection .contractInfo > .media > .media-body {
        padding-top: 0;
    }

    #duesAutopayModal .draftFrequencySection .contractInfo > .media > .media-body > div + div {
        margin-top: 25px;
    }

    #duesAutopayModal .draftFrequencySection .contractInfo > .media > .media-body strong {
        display: block;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-weight: 600;
    }

    #duesAutopayModal .draftFrequencySection .contractInfo > .media > .media-right {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
    }

    #duesAutopayModal .draftFrequencySection .contractInfo > .media > .media-right strong {
        display: block;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 20px;
        line-height: 30px;
        margin-top: 10px;
    }
    #duesAutopayModal .draftFrequencySection .contractInfo > .media > .media-right > .monthlyPayment > div{
        font-family: Avenir-roman,Helvetica,Arial,sans-serif;
        font-weight: 600;
        font-size: 14px;
    }

}

/*
|-----------------------------------------------------------------------------------------------
| Payment Method Section
|-----------------------------------------------------------------------------------------------
|
*/

#duesAutopayModal .paymentMethodSection {
    padding: 30px 30px 40px;
}

#duesAutopayModal .paymentMethodSection .panel-title {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18.01px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 15px;
    max-width: 415px;
}

#duesAutopayModal .paymentMethodSection .panel-heading {
    padding: 0;
}

#duesAutopayModal .paymentMethodSection .panel-heading > div,
#duesAutopayModal .paymentMethodSection .panel-heading p {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    max-width: 415px;
}

#duesAutopayModal .paymentMethodSection .panel-body {
    padding: 12px 0 0;
}

#duesAutopayModal .paymentMethodSection .dvcss-panel-form-fieldset {
    margin-top: 0;
    padding-bottom: 0;
}

#duesAutopayModal .paymentMethodSection .dvcss-panel-form-fieldset .fieldset-header {
    margin-bottom: 17px;
}

/*** Footer ***/

#duesAutopayModal .paymentMethodSection .panel-footer {
    background-color: transparent;
    border-top: 0 solid #ddd;
    border-radius: 0;
    font-family: Avenir-light,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin-top: 13px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesAutopayModal .paymentMethodSection {
        padding: 0 19px;
    }

    #duesAutopayModal .paymentMethodSection .panel-heading {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 15px;
    }

    #duesAutopayModal .paymentMethodSection .panel-title {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        max-width: none;
    }

    #duesAutopayModal .paymentMethodSection .panel-body {
        padding: 30px 0 15px;
    }

    #duesAutopayModal .paymentMethodSection .panel-footer {
        margin-top: -13px;
        margin-bottom: 14px;
    }

    #duesAutopayModal .paymentMethodSection {
        padding: 19px 19px 20px !important;
    }

}


/*
|-----------------------------------------------------------------------------------------------
| Payment Method Section
|-----------------------------------------------------------------------------------------------
|
*/

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-legend .h5 {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 20px;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-legend .form-object {
    margin-bottom: 57px;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-legend .form-object img {
    min-height: 0;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-inline .form-row .form-group label {
    display: none;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-label .media {
    overflow: visible;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-label .media-right label {
    display: inline-block;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-label label.hasErrors {
    color: #ff4605;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .uiToolTip {
    white-space: nowrap;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .ccInfoFormRow .media-body .uiToolTip {
    top: 0;
    display: none;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .form-group {
    margin-right: 0;
    margin-bottom: 0;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-table {
    display: table;
    width: 100%;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-body,
#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-left {
    vertical-align: top;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-left {
    padding-right: 10px;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-left .formInputElement {
    margin-bottom: 0!important;
    white-space: nowrap;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-left .formInputElement .selectBox,
#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-left .formInputElement .selectBox .inputElement {
    width: 80px;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-body .form-group {
    display: block;
    margin-right: 0;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-body .formInputElement {
    display: block;
    margin-right: 0;
    margin-bottom: 0!important;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .formInputElement {
    width: 100%;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .formInputElement .selectBox {
    width: 100%;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .dvcpaymentMethodSectionCcOnFile .formInputElement .textInput input {
    width: 75px;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .uiToolTip {
    white-space: normal;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .help-block {
    position: relative;
    top: -6px;
    margin-top: 5px;
    color: #233345;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 15px;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .stateZipFormRow .formInputElement {
    margin-bottom: 0!important;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .stateZipFormRow .dvcss-row {
    margin-left: -6px;
    margin-right: -6px;
}

#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .stateZipFormRow .dvcss-row > .col-sm-6 {
    padding-left: 6px;
    padding-right: 6px;
}


/* Tablet only */
@media (min-width: 768px) and (max-width: 991px) {
    #duesAutopayModal .paymentMethodSection .paymentMethodFormElements .ccInfoFormRow .media-body .uiToolTip {
        top: 0;
        display: none;
    }

    #duesAutopayModal .paymentMethodSection .paymentMethodFormElements .PaymentMethodCcFormFields .dvcss-row .dvcss-panel-form-col .dvcss-form .ccInfoFormLabel .media-right .uiToolTip {
        display: inline-block;
    }

    #duesAutopayModal .paymentMethodSection .paymentMethodFormElements .PaymentMethodCcFormFields .dvcss-row .dvcss-panel-form-col .dvcss-form .ccInfoFormLabel .media-right .required {
        padding-right: 0;
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-legend .h5 {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 10px;
    }

    #duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-legend .form-object {
        margin-bottom: 14px;
    }

    #duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-group label {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
    }

    #duesAutopayModal .paymentMethodSection .paymentMethodFormElements .help-block {
        top: -1px;
        margin-top: 0;
        position: relative;
        vertical-align: middle;
        font-size: 12px !important;
        margin-left: 5px;
    }

    #duesAutopayModal .paymentMethodSection .paymentMethodFormElements .formInputElement {
        margin-bottom: 25px!important;
    }

    #duesAutopayModal .paymentMethodSection .paymentMethodFormElements .stateZipFormRow .formInputElement {
        margin-bottom: 25px!important;
    }

    #duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-body,
    #duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-left {
        width: 33.3%;
    }

    #duesAutopayModal .paymentMethodSection .paymentMethodFormElements .dvcss-form .media > .media-right {
        width: 33.3%;
        position: relative;
    }

    #duesAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-left .formInputElement .selectBox {
        width: 100%;
    }

    #duesAutopayModal .paymentMethodSection .paymentMethodFormElements .PaymentMethodCcFormFields .form-group-inline {
        position: relative;
    }

    #duesAutopayModal .paymentMethodSection .paymentMethodFormElements .PaymentMethodCcFormFields .form-group-inline .uiToolTip {
        position: absolute;
        top: -35px;
        left: 265px;
    }

}


/*
|-----------------------------------------------------------------------------------------------
| Confirm Authorize Payment Section
|-----------------------------------------------------------------------------------------------
|
*/

#duesAutopayModal .confirmAuthorizePaymentSection .section-inner {
    padding-bottom: 30px;
}

#duesAutopayModal .confirmAuthorizePaymentSection .section-inner > .media-table > .media-right {
    padding-left: 30px;
}

/*** Checkbox ***/

#duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox {
    overflow: visible;
    margin-top: 15px;
}

#duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox .rich-checkbox{
    background: none;
}

#duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox .rich-checkbox.unselected{
    margin: 6px;
    width: 20px;
    height: 20px;
    transition: transform 0.28s ease;
    border-radius: 3px;
    border: 2px solid #A7ACB5;
}

#duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox .rich-checkbox.selected{
    margin: 6px;
    color: #61941B;
    background: #61941B;
    border: 2px solid #61941B;
    border-radius: 3px;
    -moz-border-radius: 3px;
}


#duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox .rich-checkbox.selected:after {
    content: '';
    display: block;
    width: 14px;
    height: 6px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
    margin: 3px 0px 0px 1px;
}
#duesAutopayModal .select-toggle:after{
    /* top: 24%; */
}
#duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox > .media-left {
    margin-right: 8px;
}

#duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox > .media-body {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox .richCheckBox {
    position: relative;
    top: -3px;
}

#duesAutopayModal .confirmAuthorizePaymentSection .monthlyPayment  > div {
    font-size: 12px;
}
#duesAutopayModal .confirmAuthorizePaymentSection .monthlyPayment  > .amount {
    font-size: 28px;
}
#duesAutopayModal .draftFrequencySection .contractInfo .contractIcon{
    float: left;
    margin-top: 0;
    margin-right: 10px;
}
#duesAutopayModal .draftFrequencySection .contractInfo .amountPrice{
    font-size: 18.01px;
    font-family: Avenir-light;
    padding: 6px 0 0 0;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesAutopayModal .confirmAuthorizePaymentSection .section-inner {
        padding-bottom: 15px;
    }

    #duesAutopayModal .confirmAuthorizePaymentSection .section-inner > .media-table > .media-body,
    #duesAutopayModal .confirmAuthorizePaymentSection .section-inner > .media-table > .media-right {
        display: block;
    }

    #duesAutopayModal .confirmAuthorizePaymentSection .section-inner > .media-table > .media-right {
        margin-top: 25px;
        padding-left: 0;
        text-align: left;
    }

    #duesAutopayModal .confirmAuthorizePaymentSection .section-inner > .media-table > .media-right .uiToolTip {
        top: -4px;
    }

    #duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox {
        margin-top: 25px;
    }

    #duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox > .media-body {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 15px;
    }
    #duesAutopayModal .confirmAuthorizePaymentSection .monthlyPayment  > div ,
    #duesAutopayModal .confirmAuthorizePaymentSection .monthlyPayment  > .amount{
        display: none;
    }
    .dvcss-form .form-control-static{
        font-size: 20px;
    }
    #duesAutopayModal .select-toggle:after {
        /* top: 30%; */
    }
    #duesAutopayModal .draftFrequencySection .contractInfo .amountPayment{
        margin-top: 65px;
    }
    #duesAutopayModal .draftFrequencySection .contractInfo .contract-label{
        font-size: 18px;
        margin: 0 !important;
    }
    #duesAutopayModal .draftFrequencySection .contractInfo .contractIcon{
        margin-top: 5px;
    }
    #duesAutopayModal .draftFrequencySection .contractInfo .contract-label strong{
        font-weight: normal !important;
    }
    .dvcPanelForm .dvcss-panel-form-alert .dvcss-form-list{
        margin-top: 10px;
        margin-bottom: 30px;
    }
}

/*** Total Summary ***/

#duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 7px;
    max-width: 135px;
    width: 135px;
}

#duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary > .media-table {
    display: table;
    width: 100%;
    margin-bottom: 7px;
    width: 135px;
}

#duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary > .media-table > .media-body {
    white-space: normal;
    word-break: break-word;
}

#duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary > .media-table > .media-right {
    padding-left: 0;
}

#duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary strong {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    line-height: 35px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary {
        max-width: none;
        width: auto;
    }

    #duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary > .media-table {
        margin-bottom: -1px;
        width: auto;
    }

    #duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary > .media-table > .media-body {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
        width: auto;
    }

    #duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary > .media-table > .media-body > div {
        display: inline-block;
    }

    #duesAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary strong {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 28px;
        font-weight: 100;
        line-height: 35px;
    }

}


/**
|-----------------------------------------------------------------------------------------------
| Credit Card on File
|-----------------------------------------------------------------------------------------------
|
*/

#duesAutopayModal .dvcpaymentMethodSectionCcOnFile {
    margin-top: -7px;
    margin-bottom: 7px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesAutopayModal .dvcpaymentMethodSectionCcOnFile {
        margin-top: -22px;
        margin-bottom: -15px;
    }

}



/**
|-----------------------------------------------------------------------------------------------
| Bank Account Form
|-----------------------------------------------------------------------------------------------
|
*/

#duesAutopayModal .paymentMethodSectionBankAccountForm {
    margin-top: -6px;
}

#duesAutopayModal .paymentMethodSectionBankAccountForm .fieldset-body > .dvcss-row {
    margin-left: -30px;
    margin-right: -30px;
}

#duesAutopayModal .paymentMethodSectionBankAccountForm .fieldset-col {
    padding-left: 30px;
    padding-right: 30px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesAutopayModal .paymentMethodSectionBankAccountForm {
        margin-top: -26px;
    }

}



/**
|-----------------------------------------------------------------------------------------------
| Bank Account Form
|-----------------------------------------------------------------------------------------------
|
*/

#duesAutopayModal .duesAutopayBankAccountOnFile {
    padding-top: 11px;
    margin-bottom: -5px;
}

#duesAutopayModal .duesAutopayBankAccountOnFile .form-group + .form-group {
    margin-left: 30px;
}

#duesAutopayModal .duesAutopayBankAccountOnFile .text-group .control-label {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

#duesAutopayModal .duesAutopayBankAccountOnFile .text-group .form-control-static,
#duesAutopayModal .duesAutopayBankAccountOnFile .text-group .help-block,
#duesAutopayModal .paymentMethodSection .paymentMethodFormElements .help-block {
    padding: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

/*#duesAutopayModal .duesAutopayBankAccountOnFile .text-group .help-block {
    top: 0;
    margin: 0;
    color: #78899e;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}*/

/* Mobile only */
@media screen and (max-width: 767px) {
    #duesAutopayModal .duesAutopayBankAccountOnFile {
        padding-top: 1px;
        padding-bottom: 19px;
        margin-bottom: 0;
    }

    #duesAutopayModal .duesAutopayBankAccountOnFile .form-group + .form-group {
        margin-top: 10px;
        margin-left: 0;
    }

    #duesAutopayModal .duesAutopayBankAccountOnFile .text-group .control-label {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-weight: 600;
    }

    #duesAutopayModal .duesAutopayBankAccountOnFile .text-group .form-control-static {
        font-family: Avenir, Helvetica, Arial, sans-serif;
    }

    #duesAutopayModal .duesAutopayBankAccountOnFile .text-group .help-block {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 100;
        line-height: 20px;
    }
}


/*
|-----------------------------------------------------------------------------------------------
| Loading
|-----------------------------------------------------------------------------------------------
|
*/

#duesAutopayModal .is-loading-shown {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
}

#duesAutopayModal .is-loading-shown .is-loading-mask {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    background: #fff;
    border-radius: 12px;
    opacity: .5;
}

#duesAutopayModal .is-loading-shown img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin-top: -50px;
    margin-left: -50px;
}

/*
|-----------------------------------------------------------------------------------------------
| Inline Errors
|-----------------------------------------------------------------------------------------------
|
*/

#duesAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error {
    margin-bottom: 30px;
}

#duesAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error .dvcss-form-list-left {
    float: left;
    margin-right: 6px;
}

#duesAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error .dvcss-form-list-left > i {
    top: -8px;
    font-size: 21px;
}

#duesAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error .dvcss-form-list-body > .dvcss-form-list-title > h4 {
    margin-bottom: 8px;
    font-size: 14px;
    color: #ff4605;
}

#duesAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error .dvcss-form-list-body > .dvcss-form-list-title > ul {
    padding-left: 15px;
    margin-bottom: 10px;
}

#duesAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error .dvcss-form-list-body > .dvcss-form-list-title > ul > li {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}


/*
|-----------------------------------------------------------------------------------------------
| Suspend Autopay Section
|-----------------------------------------------------------------------------------------------
|
*/

#duesAutopayModal .suspendAutopaySection .section-inner {
    padding-bottom: 30px;
}

#duesAutopayModal .suspendAutopaySection .modal-title {
    max-width: 415px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    #duesAutopayModal .suspendAutopaySection .modal-title {
        max-width: none;
    }
}


/*
|-----------------------------------------------------------------------------------------------
| Autopay Bank Account Image
|-----------------------------------------------------------------------------------------------
|
*/
.bank-graphic img  {
    margin: 5px 15px 10px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    .bank-graphic img  {
        margin: 5px auto 30px;
        width: 92%;
    }
}

#removePaymentMethodModal .dvcss-btn.btn.btn-cancel {
    width: 35%;
    min-width: 0;
    border: 2px solid #00739a;
    background: #fff;
    color: #00739a;
    padding-top: 8px;
    padding-bottom: 8px;
}



/**************************************************
 * Dues Statement Page - dues-statement.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: TUAZR001 $
 * $Revision: #42 $
 * $Change: 1647848 $
 * $Date: 2016/11/15 $
 **************************************************/

#duesStatementPage .dvcss-content-header {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

#duesStatementPage .dvcss-content-header .dvcss-content-text {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 100;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 30px;
    max-width: 529px;
}

#duesStatementPage .list-group a {
    display: inline;
    border: 0;
    color: #00739a;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    #duesStatementPage .dvcss-content-header {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    #duesStatementPage .dvcss-content-header .dvcss-content-text {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        max-width: none;
    }

}


/**
|-----------------------------------------------------------------------------------------------
| Sections
|-----------------------------------------------------------------------------------------------
|
*/

#duesStatementPage .section {
    padding: 20px 0 20px;
}

#duesStatementPage .section-title {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    #duesStatementPage .section {
        border-top: 1px solid #ddd;
        padding: 25px 10px 30px;
    }

    #duesStatementPage .section-title {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
    }

}

/**
|-----------------------------------------------------------------------------------------------
| Member Statement Main Panel
|-----------------------------------------------------------------------------------------------
|
*/

#duesStatementPage .memberStatementPanel {
    background: none;
    border: 0;
}

#duesStatementPage .memberStatementPanel > .panel-heading {
    background: none;
    padding: 10px 20px 26px;
}

#duesStatementPage .memberStatementPanel > .panel-heading .form-heading .form-group {
    margin-bottom: 0;
}

#duesStatementPage .memberStatementPanel > .panel-heading .form-heading .media-body .form-group .formInputElement label {
    display: inline-block;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-right: 3px;
}

#duesStatementPage .memberStatementPanel > .panel-heading .form-heading .media-right .form-group {
    white-space: nowrap;
}

#duesStatementPage .memberStatementPanel > .panel-heading .form-heading .media-right .form-group .formInputElement label {
    display: inline-block;
    position: relative;
    top: -1px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-right: 5px;
}

#duesStatementPage .memberStatementPanel > .panel-heading .form-heading .form-group .formInputElement .selectBox {
    top: 0;
    margin: 0;
}

#duesStatementPage .memberStatementPanel > .panel-body {
    padding: 5px 20px 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    #duesStatementPage .memberStatementPanel > .panel-heading {
        padding: 10px 10px 30px;
    }
    
    #duesStatementPage .memberStatementPanel > .panel-heading .form-heading .media-body {
        display: block;
    }
    
    #duesStatementPage .memberStatementPanel > .panel-heading .form-heading .media-right {
        display: block;
        padding-left: 0;
        white-space: normal;
    }
    
    #duesStatementPage .memberStatementPanel > .panel-heading .form-heading .form-group .formInputElement {
        margin-bottom: 16px!important;
    }
    
    #duesStatementPage .memberStatementPanel > .panel-heading .form-heading .media-right .form-group .stmtStaticContainer {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        color: #253b56;
    }
    
    #duesStatementPage .memberStatementPanel > .panel-heading .form-heading .media-body .form-group .formInputElement label,
    #duesStatementPage .memberStatementPanel > .panel-heading .form-heading .media-right .form-group .formInputElement label,
    #duesStatementPage .memberStatementPanel > .panel-heading .form-heading .media-right .form-group .stmtStaticContainer label {
        display: block;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
    
    #duesStatementPage .memberStatementPanel > .panel-heading .form-heading .statementYearFormGroup .formInputElement .selectBox {
        width: 90px;
    }
    
    #duesStatementPage .memberStatementPanel > .panel-body {
        padding: 0 0 10px;
    }

}

/*** Single Membership ***/

#duesStatementPage .memberStatementPanel > .panel-heading .form-heading .form-group.singleMembership {
    margin-bottom: -1px;
}

#duesStatementPage .memberStatementPanel > .panel-heading .form-heading .form-group.singleMembership label {
    margin-right: 3px;
}

#duesStatementPage .memberStatementPanel > .panel-heading .form-heading .form-group.singleMembership label,
#duesStatementPage .memberStatementPanel > .panel-heading .form-heading .form-group.singleMembership span,
#duesStatementPage .memberStatementPanel > .panel-heading .form-heading .form-group.singleMembership .membershipIdValue {
    display: inline;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    #duesStatementPage .memberStatementPanel > .panel-heading .form-heading .form-group.singleMembership {
        margin-bottom: 15px;
    }

    #duesStatementPage .memberStatementPanel > .panel-heading .form-heading .form-group.singleMembership label {
        display: block;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        margin-right: 0;
    }
    
    #duesStatementPage .memberStatementPanel > .panel-heading .form-heading .form-group.singleMembership span,
    #duesStatementPage .memberStatementPanel > .panel-heading .form-heading .form-group.singleMembership .membershipIdValue {
        display: block;
        color: #253b56;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        margin-right: 0;
    }
    
}

/**
|-----------------------------------------------------------------------------------------------
| Statement Details Header
|-----------------------------------------------------------------------------------------------
|
*/

#duesStatementPage .statementDetailsHeader {
    padding-bottom: 0;
}

#duesStatementPage .statementDetailsHeader .section-heading .formInputElement {
    vertical-align: middle;
}

#duesStatementPage .statementDetailsHeader .section-heading .formInputElement .selectBox {
    top: -1px;
    margin: 0;
}

#duesStatementPage .statementDetailsHeader .section-heading .section-title small {
    display: block;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

#duesStatementPage .statementDetailsHeader .section-heading .section-title small .peptasia,
#duesStatementPage .statementDetailsHeader .section-heading .section-title small .pepMdxIcon {
    margin-right: 5px;
}

#duesStatementPage .statementDetailsHeader .section-heading .section-title small .peptasia {
    vertical-align: baseline;
}

#duesStatementPage .statementDetailsHeader .section-heading .section-title .media-table .media-body h2 {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
    margin-right: 5px;
    display: inline-block;
}


/* Mobile only */
@media screen and (max-width: 767px) {
    
    #duesStatementPage .statementDetailsHeader {
        border-top: 0;
    }
    
}

/**
|-----------------------------------------------------------------------------------------------
| Statement Details Section
|-----------------------------------------------------------------------------------------------
|
*/

#duesStatementPage .statementDetailsSection {
    padding-top: 0;
}

#duesStatementPage .statementDetailsSection .statementDetailsMemberInfo {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#duesStatementPage .statementDetailsSection .statementDetailsMemberInfo strong {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

#duesStatementPage .statementDetailsSection .statementDetailsMemberInfo > .media-body > div + div,
#duesStatementPage .statementDetailsSection .statementDetailsMemberInfo > .media-right > div + div {
    margin-top: 10px;
    margin-bottom: 0;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    #duesStatementPage .statementDetailsSection {
        border-top: 0;
    }

    #duesStatementPage .statementDetailsSection .statementDetailsMemberInfo {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 100;
        line-height: 20px;
    }

    #duesStatementPage .statementDetailsSection .statementDetailsMemberInfo strong {
        display: block;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
    
    #duesStatementPage .statementDetailsSection .statementDetailsMemberInfo > .media-body {
        display: block;
    }
    
    #duesStatementPage .statementDetailsSection .statementDetailsMemberInfo > .media-right {
        margin-top: 10px;
        display: block;
        white-space: normal;
        padding-left: 0;
        text-align: left;
    }
    
}


/**
|-----------------------------------------------------------------------------------------------
| Membership Contracts Section
|-----------------------------------------------------------------------------------------------
|
*/

#duesStatementPage .memberContractsSection .list-group {
    margin: 0;
}

#duesStatementPage .memberContractsSection .list-group .list-group-item {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    padding: 15px 0;
}

#duesStatementPage .memberContractsSection .list-group .list-group-item-text {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 500px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    #duesStatementPage .memberContractsSection .list-group {
        margin-top: -13px;
        margin-bottom: -13px;
    }
    
    #duesStatementPage .memberContractsSection .list-group a{
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    
    #duesStatementPage .memberContractsSection .list-group .list-group-item {
        border: 0;
        padding: 13px 0;
    }
    
    #duesStatementPage .memberContractsSection .list-group .list-group-item-text {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        max-width: none;
    }
    
    #duesStatementPage .memberContractsSection .list-group .list-group-item-text + .list-group-item-text {
        margin-top: 15px;
    }
    
    #duesStatementPage .memberContractsSection .list-group .list-group-item .memberContractCollapsible {
        padding-left: 24px;
    }
    
    #duesStatementPage .memberContractsSection .list-group .list-group-item .memberContractToggle > .media > .media-left {
        margin-right: 7px;
    }
    
    #duesStatementPage .memberContractsSection .list-group .list-group-item .memberContractToggle {
        color: #253b56;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-decoration: none;
    }
    
    #duesStatementPage .memberContractsSection .list-group .list-group-item .memberContractToggle .peptasia {
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    
    #duesStatementPage .memberContractsSection .list-group .list-group-item .memberContractToggle.collapsed .peptasia {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    
}


/***** Single Contract *****/

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesStatementPage .memberContractsSection .memberContractItem.singleContract .memberContractToggle > .media > .media-left {
        display: none;
    }

    #duesStatementPage .memberContractsSection .memberContractItem.singleContract .memberContractCollapsible {
        display: block!important;
        height: auto!important;
        padding-left: 0;
    }

}

/**
|-----------------------------------------------------------------------------------------------
| Scheduled Autopay Transactions Section
|-----------------------------------------------------------------------------------------------
|
*/

#duesStatementPage .scheduledAutopayTransactionsSection .table-group {
    max-width: 460px;
}

#duesStatementPage .scheduledAutopayTransactionsSection .table-group table .debitDateCell > div {
    max-width: 355px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    #duesStatementPage .scheduledAutopayTransactionsSection .section-title {
        margin-bottom: 9px;
    }
    
    #duesStatementPage .scheduledAutopayTransactionsSection .dvcGlobalStatementDatatable .table > tbody > tr > th,
    #duesStatementPage .scheduledAutopayTransactionsSection .dvcGlobalStatementDatatable .table > tbody > tr > td {
        padding: 15px;
    }
    
    #duesStatementPage .scheduledAutopayTransactionsSection .dvcGlobalStatementDatatable .table > tbody > tr:first-child > th,
    #duesStatementPage .scheduledAutopayTransactionsSection .dvcGlobalStatementDatatable .table > tbody > tr:first-child > td {
        border-top: 0;
    }
    
    #duesStatementPage .scheduledAutopayTransactionsSection .dvcGlobalStatementDatatable .table > tbody > tr > td {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: right;
    }
    
}

/**
|-----------------------------------------------------------------------------------------------
| Year Adjustments / Year Statement Details Section
|-----------------------------------------------------------------------------------------------
|
*/

#duesStatementPage .yearAdjustmentsSection .section-title,
#duesStatementPage .yearStatementDetailsSection .section-title {
    margin-bottom: 30px;
}

#duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .resortCell,
#duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .resortCell {
    max-width: 110px;
}

#duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .resortCell > div,
#duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .resortCell > div {
    max-width: 80px;
}

#duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .itemCell,
#duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .itemCell {
    max-width: 250px;
}

#duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .itemCell > div,
#duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .itemCell > div {
    max-width: 220px;
}

#duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .vacationPointsCell,
#duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .vacationPointsCell {
    max-width: 155px;
}

#duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .vacationPointsCell > div,
#duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .vacationPointsCell > div {
    max-width: 125px;
}

#duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .rateCell,
#duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .rateCell {
    max-width: 105px;
}

#duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .rateCell > div,
#duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .rateCell > div {
    max-width: 75px;
}

#duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .daysProratedCell,
#duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .daysProratedCell {
    max-width: 145px;
}

#duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .daysProratedCell > div,
#duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .daysProratedCell > div {
    max-width: 115px;
}

#duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .annualAssessmentCell,
#duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .annualAssessmentCell {
    width: 135px;
}

#duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .annualAssessmentCell > div,
#duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .annualAssessmentCell > div {
    width: 135px;
}

/* Tablet query */
@media screen and (min-width: 768px) and (max-width: 991px) {
    
    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .table-default > thead > tr > td,
    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .table-default > thead > tr > th,
    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .table-default > tbody > tr > td,
    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .table-default > tbody > tr > th,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .table-default > thead > tr > td,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .table-default > thead > tr > th,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .table-default > tbody > tr > td,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .table-default > tbody > tr > th {
        padding-right: 20px;
    }

    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .table-default > thead > tr > td:last-child,
    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .table-default > thead > tr > th:last-child,
    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .table-default > tbody > tr > td:last-child,
    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .table-default > tbody > tr > th:last-child,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .table-default > thead > tr > td:last-child,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .table-default > thead > tr > th:last-child,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .table-default > tbody > tr > td:last-child,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .table-default > tbody > tr > th:last-child {
        padding-right: 0;
    }
    
    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .resortCell,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .resortCell {
        max-width: 70px;
    }

    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .resortCell > div,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .resortCell > div {
        max-width: 50px;
    }
    
    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .itemCell,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .itemCell {
        max-width: 240px;
    }

    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .itemCell > div,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .itemCell > div {
        max-width: 220px;
    }
    
    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .vacationPointsCell,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .vacationPointsCell {
        max-width: 145px;
    }

    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .vacationPointsCell > div,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .vacationPointsCell > div {
        max-width: 125px;
    }
    
    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .rateCell,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .rateCell {
        max-width: 65px;
    }

    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .rateCell > div,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .rateCell > div {
        max-width: 45px;
    }
    
    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .daysProratedCell,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .daysProratedCell {
        max-width: 135px;
    }

    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .daysProratedCell > div,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .daysProratedCell > div {
        max-width: 115px;
    }
    
    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .annualAssessmentCell,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .annualAssessmentCell {
        width: 80px;
    }

    #duesStatementPage .yearAdjustmentsSection .dvcGlobalStatementDatatable .annualAssessmentCell > div,
    #duesStatementPage .yearStatementDetailsSection .dvcGlobalStatementDatatable .annualAssessmentCell > div {
        width: 80px;
    }
    
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesStatementPage .yearAdjustmentsSection .section-title,
    #duesStatementPage .yearStatementDetailsSection .section-title {
        margin-bottom: 5px;
    }
    
    #duesStatementPage .section .dvcGlobalStatementDatatable .panel > .panel-body .list-group .list-group-item > .media-table > .media-right {
        padding-left: 10px;
        text-align: right;
    } 

    #duesStatementPage .section .dvcGlobalStatementDatatable .panel > .panel-body .list-group .list-group-item > .media-table > .media-right > .masterWrapper {
        min-width: 90px;
    }
    
    #duesStatementPage .section .dvcGlobalStatementDatatable .panel > .panel-body .list-group .list-group-item > .media-table > .media-right .wrapper {
        word-break: break-word;
    }
}


/**
|-----------------------------------------------------------------------------------------------
| Form Actions Section
|-----------------------------------------------------------------------------------------------
|
*/

#duesStatementPage .statementFormActionsSection {
    padding-top: 15px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesStatementPage .statementFormActionsSection {
        border-top: 0;
        margin-top: -5px;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    #duesStatementPage .statementFormActionsSection .btn {
        width: 100%;
    }

}

/**
|-----------------------------------------------------------------------------------------------
| No Results Section
|-----------------------------------------------------------------------------------------------
|
*/

#duesStatementPage .statementNoResultsSection {
    padding-top: 29px;
}

#duesStatementPage .statementNoResultsSection .section-title {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    max-width: 710px;
    margin: 0 auto 10px;
}

#duesStatementPage .statementNoResultsSection .section-body > p {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 710px;
    margin: 0 auto;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesStatementPage .statementNoResultsSection {
        border-top: 0;
        padding-bottom: 40px;
    }
    
    #duesStatementPage .statementNoResultsSection .section-title {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        max-width: none;
        margin: 0 auto 10px;
    }
    
    #duesStatementPage .statementNoResultsSection .section-body > p {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 100;
        line-height: 20px;
        max-width: none;
    }

}


/**
|-----------------------------------------------------------------------------------------------
| Selected Member Statement Details
|-----------------------------------------------------------------------------------------------
|
*/

/* Mobile only */
@media screen and (max-width: 767px) {

    #duesStatementPage .memberStatementSelectedDetails {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    
    #duesStatementPage .memberStatementSelectedDetails .media-body > div {
        margin-top: 5px;
    }
    
    #duesStatementPage .memberStatementSelectedDetails .media-body > div:first-child {
        margin-top: 0;
    }
    
    #duesStatementFormModal .modal-header .modal-title {
        color: #253b56;
    }
    
}

/**
|-----------------------------------------------------------------------------------------------
| Dues Statement Modal
|-----------------------------------------------------------------------------------------------
|
*/

/* Desktop only */
@media screen and (min-width: 768px) {

    #duesStatementFormModal {
        display: block!important;
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        z-index: auto!important;
        background: none;
        overflow: visible;
    }
    
    #duesStatementFormModal .modal-dialog {
        width: auto;
        margin: 0;
    }

    #duesStatementFormModal .modal-content {
        border: 0;
        border-radius: 0;
        padding: 0;
        min-height: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #duesStatementFormModal .modal-body {
        padding: 0;
    }

    #duesStatementFormModal form {
        display: inline;
    }
}




/**************************************************
 * Loans History Page - loans-history.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: MACAK009 $
 * $Revision: #19 $
 * $Change: 1647677 $
 * $Date: 2016/11/10 $
 **************************************************/

/**
|------------------------------------------------
| Loans History Details Mobile
|------------------------------------------------
|
| <loansHistoryDetailsMobile>
|
*/

/* Mobile only */
@media screen and (max-width: 767px) {

    #loansHistoryPage .loansHistoryDetailsMobile .details-main,
    #loansHistoryPage .loansHistoryDetailsMobile .details-main .lead {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #loansHistoryPage .loansHistoryDetailsMobile .details-main .lead {
        margin-bottom: 24px;
    }

    #loansHistoryPage .loansHistoryDetailsMobile .details-main small {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
    }

    #loansHistoryPage .loansHistoryDetailsMobile .details-sub {
        margin-top: 29px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #loansHistoryPage .loansHistoryDetailsMobile .details-sub strong {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    #loansHistoryPage .loansHistoryDetailsMobile .details-group {
        margin-bottom: 10px;
    }

    #loansHistoryPage .loansHistoryDetailsMobile .details-row {
        margin-bottom: -2px;
    }

    #loansHistoryPage .loansHistoryDetailsMobile .details-row:nth-child(2) {
        margin-top: 10px;
        margin-bottom: 18px;
    }
}



/**
|------------------------------------------------
| Loans History Form
|------------------------------------------------
|
| <loansHistoryFormModal>
|
*/

/* Mobile only */
@media screen and (max-width: 767px) {

    #loansHistoryPage #loansHistoryFormModal.dvcss-modal-opened-xs {
        display: block;
        position: fixed;
        top: 0!important;
        bottom: 0;
        left: 0;
        z-index: 100004;
        height: 100%!important;
        width: 100%;
        padding: 0;
        background: #fff;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: auto;
    }

    #loansHistoryPage #loansHistoryFormModal .modal-dialog {
        height: 100%;
        width: auto;
        margin: 0;
    }

    #loansHistoryPage #loansHistoryFormModal .modal-content {
        position: static;
        min-height: 100%;
        padding-bottom: 71px;
        margin-bottom: -71px;
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #loansHistoryPage #loansHistoryFormModal form {
        display: inline;
    }

    #loansHistoryPage #loansHistoryFormModal .modal-header {
        border-bottom-color: transparent;
        padding: 14px 20px 9px;
    }

    #loansHistoryPage #loansHistoryFormModal .modal-header hr {
        top: 9px;
    }

    #loansHistoryPage #loansHistoryFormModal .modal-header .modal-title {
        margin-bottom: 10px;
        font-family: Avenir-light,Helvetica,Arial,sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
    }

    #loansHistoryPage #loansHistoryFormModal .modal-header p {
        margin-bottom: 8px;
        color: #253b56;
        font-family: Avenir-roman,Helvetica,Arial,sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #loansHistoryPage #loansHistoryFormModal .modal-body {
        padding-left: 20px;
        padding-right: 20px;
    }

    #loansHistoryPage #loansHistoryFormModal .modal-footer {
        border-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    #loansHistoryPage #loansHistoryFormModal .modal-footer .dvcss-row {
        margin-right: -5px;
        margin-left: -5px;
    }

    #loansHistoryPage #loansHistoryFormModal .modal-footer .col-xs-4 {
        width: 33%;
        padding-left: 5px;
        padding-right: 5px;
    }

    #loansHistoryPage #loansHistoryFormModal .modal-footer .col-xs-8 {
        width: 66%;
        padding-left: 5px;
        padding-right: 5px;
    }

    #loansHistoryPage #loansHistoryFormModal .modal-footer .btn-info {
        background: #fff;
        border: 1px solid #00739a;
        color: #00739a;
        width: 100%;
    }

    .touch body.ui-datepicker-open #loansHistoryPage #loansHistoryFormModal.dvcss-modal-opened-xs {
        visibility: hidden;
    }

}

/* Desktop only */
@media screen and (min-width: 768px) {

    #loansHistoryPage #loansHistoryFormModal {
        display: block!important;
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        z-index: auto!important;
        background: none;
        overflow: visible;
    }

    #loansHistoryPage #loansHistoryFormModal .modal-dialog {
        width: auto;
        margin: 0;
    }

    #loansHistoryPage #loansHistoryFormModal .modal-content {
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #loansHistoryPage #loansHistoryFormModal .modal-body {
        padding: 0;
    }

    #loansHistoryPage #loansHistoryFormModal form {
        display: inline;
    }

}


/**
|------------------------------------------------
| Loans History Form
|------------------------------------------------
|
| <loansHistoryForm>
|
*/

#loansHistoryPage .dvcss-content-header {
    padding: 20px 20px 8px;
}

#loansHistoryPage .loansHistoryFormWrapper .panel-body {
    border-bottom: 1px solid #ddd;
    padding: 15px 20px 20px;
}

#loansHistoryPage .memberLoansHistoryActivityPanel .panel-body {
    padding: 20px !important;
}

#loansHistoryPage #loansHistoryForm .lead {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    max-width: 620px;
    margin-bottom: 30px;
}

/***** Membership ID Row *****/

#loansHistoryPage #loansHistoryForm .membershipIdRow {
    margin-bottom: 12px;
}

#loansHistoryPage #loansHistoryForm .membershipIdRow.membershipIdRowSingle {
    padding-top: 6px;
    margin-bottom: 18px;
}

#loansHistoryPage #loansHistoryForm .membershipIdRow .form-group .membershipIdLabel {
    margin-right: 6px;
}

#loansHistoryPage #loansHistoryForm .membershipIdRow .form-group .membershipIdLabel,
#loansHistoryPage #loansHistoryForm .membershipIdRow .form-group .membershipIdValue {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

#loansHistoryPage #loansHistoryForm .membershipIdRow .form-group .formInputElement {
    margin-bottom: -1px;
}

#loansHistoryPage #loansHistoryForm .membershipIdRow .form-group .formInputElement label {
    display: inline-block;
    position: relative;
    top: -6px;
    margin-right: 3px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

#loansHistoryPage #loansHistoryForm .membershipIdRow .form-group .formInputElement .selectBox {
    vertical-align: middle;
}

#loansHistoryPage #loansHistoryForm .membershipIdRow > .media-right {
    position: relative;
    top: 4px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#loansHistoryPage #loansHistoryForm .membershipIdRow.membershipIdRowSingle > .media-right {
    top: -2px;
}

#loansHistoryPage #loansHistoryForm .membershipIdRow > .media-right strong {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #loansHistoryPage .loansHistoryFormWrapper .panel-body {
        padding: 6px 10px 17px;
    }

    #loansHistoryPage #loansHistoryForm .membershipIdRow > .media-body {
        display: block;
        width: auto;
    }

    #loansHistoryPage #loansHistoryForm .membershipIdRow > .media-right {
        display: none;
    }

    #loansHistoryPage #loansHistoryForm .membershipIdRow .form-group .formInputElement {
        margin-bottom: 0!important;
    }

    #loansHistoryPage #loansHistoryForm .membershipIdRow .form-group .formInputElement label {
        display: block;
        top: auto;
        margin-right: 0;
        font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
    }

    #loansHistoryPage .memberLoansHistoryActivityFilters,
    #loansHistoryPage .memberLoansHistoryActivityPanel .panel-body {
        padding: 15px 10px 0 !important;
    }

}


/***** Membership Details Row *****/

#loansHistoryPage #loansHistoryForm .membershipDetailsRow > .media-right {
    padding-bottom: 5px;
    vertical-align: bottom;
}

/* Desktop only */
@media screen and (min-width: 768px) {

    #loansHistoryPage #loansHistoryForm .membershipDetailsRow .membershipDetailsGroup {
        display: block;
    }

    #loansHistoryPage #loansHistoryForm .membershipDetailsRow .membershipDetailsGroup .membershipDetailsInner {
        display: table;
        width: 100%;
        max-width: 725px;
    }

    #loansHistoryPage #loansHistoryForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .membershipDetailsInner {
        display: inline-block;
        width: auto;
    }

    #loansHistoryPage #loansHistoryForm .membershipDetailsRow .form-handler {
        display: table-cell;
        white-space: normal;
        padding-right: 0;
        margin-right: 0;
    }

    #loansHistoryPage #loansHistoryForm .membershipDetailsRow .form-group {
        display: table-cell;
        padding-right: 20px;
        margin-right: 0;
        vertical-align: bottom;
    }

    #loansHistoryPage #loansHistoryForm .membershipDetailsRow .form-group.contractDetailsGroup {
        display: table-cell;
        width: 100%;
    }
    
    #loansHistoryPage #loansHistoryForm .membershipDetailsRow .form-group.contractDetailsGroup.membershipDetailsSingleContract {
        width: auto;
    }

    #loansHistoryPage #loansHistoryForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .contractDetailsGroup {
        padding-right: 25px;
        max-width: 360px;
    }

    #loansHistoryPage #loansHistoryForm .membershipDetailsRow .contractDetailsText {
        margin-top: 8px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
    }

    #loansHistoryPage #loansHistoryForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .contractDetailsGroup .contractDetailsText {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    #loansHistoryPage #loansHistoryForm .membershipDetailsRow .formInputElement.long {
        display: block;
        width: auto;
    }

    #loansHistoryPage #loansHistoryForm .membershipDetailsRow .formInputElement.long .selectBox {
        width: 100%;
    }

    #loansHistoryPage #loansHistoryForm .membershipDetailsRow .formInputElement.short .selectBox {
        width: 110px;
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {

    #loansHistoryPage #loansHistoryForm .membershipDetailsRow > .media-body {
        display: block;
        width: auto;
    }

    #loansHistoryPage #loansHistoryForm .membershipDetailsRow > .media-right {
        display: none;
    }

    #loansHistoryPage #loansHistoryForm .membershipDetailsRow .contractDetailsGroup .contractDetailsText {
        margin-top: 1px;
        margin-bottom: 22px;
    }

    #loansHistoryPage #loansHistoryForm .membershipDetailsRow .contractRangeRow {
        display: block;
        margin-left: -6px;
        margin-right: -6px;
    }
    
    #loansHistoryPage #loansHistoryForm .membershipDetailsRow .contractRangeRow > .form-group {
        display: block;
        float: left;
        padding: 0 6px;
        width: 50%;
    }
}


/***** Membership Form Buttons Row *****/

#loansHistoryPage #loansHistoryForm .formSubmit {
    min-width: 125px;
    border: 0;
}

/**
|------------------------------------------------
| Loans History Activity
|------------------------------------------------
|
| <memberLoansHistoryActivity>
|
*/

#loansHistoryPage .memberLoansHistoryActivity {
    padding-top: 30px;
}

#loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityBalance {
    padding: 0 15px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityBalance strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

#loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityBalance .lead {
    margin-bottom: 8px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

#loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityBalance ul {
    margin: 0 0 22px;
}

#loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityBalance ul > li {
    margin-bottom: 3px;
}

#loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityBalance ul > li .hidden-xs .media-left {
    margin-right: 5px;
}

#loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityPanel {
    margin: 0;
    border: 0;
    background: none;
}

#loansHistoryPage .memberLoansHistoryActivity > .panel-body {
    padding: 15px 20px 0;
    margin-bottom: -1px;
}

#loansHistoryPage .memberLoansHistoryActivity .panel-footer {
    background: none;
    border-radius: 0;
    padding: 4px 15px 14px;
}

#loansHistoryPage .memberLoansHistoryActivity .panel-footer.removeExcess {
    border: 0;
    padding: 0;
}

#loansHistoryPage .memberLoansHistoryActivity .panel-footer .btn-link {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 25px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #loansHistoryPage .memberLoansHistoryActivity {
        padding-top: 17px;
    }

    #loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityBalance {
        margin-top: 10px;
    }

    #loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityBalance .lead {
        margin-bottom: 16px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityBalance ul {
        margin-bottom: 25px;
    }

    #loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityBalance ul > li {
        margin-bottom: 12px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 15px;
    }

    #loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityBalance ul > li strong {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 15px;
    }

    #loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityPanel > .panel-footer {
        border-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    #loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityPanel > .panel-footer.removeExcess .panel-inner {
        border: 0;
        padding: 0;
    }

    #loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityPanel > .panel-footer .panel-inner {
        border-top: 1px solid #ddd;
        padding: 7px 0 1px;
    }

    #loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityPanel > .panel-footer .btn-link {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    #loansHistoryPage .memberLoansHistoryActivity .memberLoansHistoryActivityPanel > .panel-footer .btn-link {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

}

/**
|------------------------------------------------
| Loans History Activity Filters
|------------------------------------------------
|
| <memberLoansHistoryActivityFilters>
|
*/

#loansHistoryPage .memberLoansHistoryActivityFilters {
    padding: 0 20px;
    margin-bottom: -2px;
}

#loansHistoryPage .memberLoansHistoryActivityFilters .media-body,
#loansHistoryPage .memberLoansHistoryActivityFilters .media-body h2.dvcss-content-title {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #loansHistoryPage .memberLoansHistoryActivityFilters .media-table {
        padding-bottom: 0;
        border-bottom: 1px solid #ddd;
    }

    #loansHistoryPage .memberLoansHistoryActivityFilters .media-body,
    #loansHistoryPage .memberLoansHistoryActivityFilters .media-body h2.dvcss-content-title {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        padding-top: 0;
    }

    #loansHistoryPage .memberLoansHistoryActivityFilters .media-right .btn {
        min-width: 55px;
    }

    #loansHistoryPage .memberLoansHistoryActivityFilters .media-right .sort.btn {
        min-width: 55px;
        margin-top: -14px;
        margin-bottom: 12px;
    }

}

/**
|------------------------------------------------
| Loans Sort Dropdown
|------------------------------------------------
|
| <sortContainer>
|
*/

#loansHistoryPage #sortContainer label {
    position: relative;
    top: -6px;
    margin-right: 11px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    line-height: 25px;
}


/**
|------------------------------------------------
| Loans Membership Contract Form Label Display
|------------------------------------------------
|
| <membershipContractFormLabelDisplay>
|
*/

#loansHistoryPage #membershipContractFormLabelDisplay .media-right .btn-link {
   font-size: 14px;
   font-family: Avenir-roman, Helvetica, Arial, sans-serif;
   line-height: 20px;
}

#loansHistoryPage #membershipContractForm .uiPlus .datePicker {
    width: 120px;
}

#loansHistoryPage #membershipContractForm .uiPlus .datePicker .ui-datepicker-trigger {
    right: 4px;
    top: 27px;
}

#loansHistoryPage #membershipContractForm .loadingUpdateBtn {
    background-color: #00739A;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #loansHistoryPage #membershipContractForm .uiPlus .datePicker {
        width: 100%;
    }

    #loansHistoryPage #membershipContractForm .uiPlus .datePicker .ui-datepicker-trigger {
        right: 6px;
        top: 34px;
    }
}

/**
|------------------------------------------------
| Loans History Activity Table
|------------------------------------------------
|
| <memberLoansHistoryActivityTable>
|
*/

#loansHistoryPage .membermemberLoansHistoryActivityTable {
   margin-bottom: 0;
   border-radius: 0;
}

#loansHistoryPage .memberLoansHistoryActivityTable > tbody tr td,
#loansHistoryPage .memberLoansHistoryActivityTable > tbody tr th {
   word-break: break-word;
}

#loansHistoryPage .memberLoansHistoryActivityTable > tbody tr th {
   font-weight: normal;
}

#loansHistoryPage .memberLoansHistoryActivityTable > tbody > tr > td,
#loansHistoryPage .memberLoansHistoryActivityTable > tbody > tr > th,
#loansHistoryPage .memberLoansHistoryActivityTable > tfoot > tr > td,
#loansHistoryPage .memberLoansHistoryActivityTable > tfoot > tr > th,
#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > th,
#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > td {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > .loansTransactionHistoryTransactionDate {
    padding: 0 20px 3px 0;
    max-width: 130px;
    min-width: 100px;
    word-wrap: break-word;
}

#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > .loansTransactionHistoryTransactionType {
    padding: 0 20px 3px 0;
    max-width: 260px;
    min-width: 70px;
    word-wrap: break-word;
}

#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > .loansTransactionHistoryAmount {
    padding: 0 20px 3px 0;
    max-width: 100px;
    min-width: 80px;
    word-wrap: break-word;
}

#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > .loansTransactionHistoryAdditionalDetails {
    padding: 0 20px 3px 0;
    max-width: 200px;
    min-width: 105px;
    word-wrap: break-word;
}

#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > .loansTransactionHistoryContract {
    padding: 0 0 3px;
    max-width: 130px;
    min-width: 100px;
    word-wrap: break-word;
}

#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > .loansTransactionHistoryPrincipalBalance {
    padding: 0 0 3px;
    max-width: 130px;
    min-width: 100px;
    word-wrap: break-word;
}

#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > .loansTransactionHistoryTransactionDate > div {
    width: 130px;
}

#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > .loansTransactionHistoryTransactionType > div {
    max-width: 260px;
}

#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > .loansTransactionHistoryAmount > div {
    width: 100px;
}

#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > .loansTransactionHistoryAdditionalDetails > div {
    width: 200px;
}

#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > .loansTransactionHistoryContract > div,
#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > .loansTransactionHistoryPrincipalBalance > div {
    width: 130px;
}


#loansHistoryPage .memberLoansHistoryActivityTable > tbody > tr > th {
    padding: 11px 40px 21px 0;
}

#loansHistoryPage .memberLoansHistoryActivityTable > tbody > tr > td:nth-child(2) {
    padding: 11px 40px 21px 0;
}

#loansHistoryPage .memberLoansHistoryActivityTable > tbody > tr > td:nth-child(3) {
    padding: 11px 40px 21px 0;
}

#loansHistoryPage .memberLoansHistoryActivityTable > tbody > tr > td:nth-child(4) {
    padding: 11px 40px 21px 0;
}

#loansHistoryPage .memberLoansHistoryActivityTable > tbody > tr > td {
    padding: 11px 0px 21px;
}

#loansHistoryPage .memberLoansHistoryActivityTable > tbody > tr > td:last-child {
    padding: 11px 0px 21px;
}

#loansHistoryPage .memberLoansHistoryActivityTable > tbody > tr > th,
#loansHistoryPage .memberLoansHistoryActivityTable > tbody > tr > td {
    border-top: 0;
    border-bottom: 1px solid #ddd;
}

#loansHistoryPage .memberLoansHistoryActivityTable > tbody > tr:last-child > th,
#loansHistoryPage .memberLoansHistoryActivityTable > tbody > tr:last-child > td {
    border-bottom: 0;
}

#loansHistoryPage .memberLoansHistoryActivityTable strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > th {
    background: none;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;

}

#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > th {
    padding-top: 0;
}


#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > td {
    padding-top: 0;
    padding-bottom: 0;
}

#loansHistoryPage .memberLoansHistoryActivityTable > thead > tr > td:last-child,
#loansHistoryPage .memberLoansHistoryActivityTable > tbody > tr > th:last-child,
#loansHistoryPage .memberLoansHistoryActivityTable > tfoot > tr > th:last-child,
#loansHistoryPage .memberLoansHistoryActivityTable > tfoot > tr > td:last-child {
    padding-right: 0;
}


#loansHistoryPage .memberLoansHistoryActivityTable .loansTransactionHistoryTransactionDate,
#loansHistoryPage .memberLoansHistoryActivityTable .loansTransactionHistoryTransactionType,
#loansHistoryPage .memberLoansHistoryActivityTable .loansTransactionHistoryAmount,
#loansHistoryPage .memberLoansHistoryActivityTable .loansTransactionHistoryAdditionalDetails,
#loansHistoryPage .memberLoansHistoryActivityTable .loansTransactionHistoryPrincipalBalance {
    word-break: break-word;
}

#loansHistoryPage .memberLoansHistoryActivityLoader  {
    text-align: center;
    margin-bottom: 30px;
}

#loansHistoryPage .membermemberLoansHistoryActivityPanel .panel-body {
    padding-bottom: 0;
}

#loansHistoryPage .memberLoansHistoryActivityTable.table {
    margin-bottom: 0;
}

#loansHistoryPage header .media-right {
   font-family: Avenir-roman,Helvetica,Arial,sans-serif;
   font-size: 12px;
   line-height: 18px;
   color: #00739a;
}

#loansHistoryPage header .media-right span {
    margin-right: 5px;
    color: #00739a;
}

#loansHistoryPage header .media-right .disabledLink {
    pointer-events: none;
    cursor: default;
}

/* Tablet query */
@media screen and (min-width: 768px) and (max-width: 991px) {
    #loansHistoryPage .memberLoansHistoryActivityTable > tbody > tr > td:nth-child(2) {
        padding: 11px 30px 21px 0;
    }
}

@media screen and (max-width: 767px) {

    /* List */
    #loansHistoryPage .memberLoansHistoryActivityPanel .memberLoansHistoryActivityList {
        margin: 0;
    }

    #loansHistoryPage .memberLoansHistoryActivityPanel .memberLoansHistoryActivityList > .list-group-item  {
        padding: 15px 0 21px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    #loansHistoryPage .memberLoansHistoryActivityList > .list-group-item:first-child  {
        border-top: 0;
        padding-top: 3px;
    }

    #loansHistoryPage .memberLoansHistoryActivityList > .list-group-item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 21px;
    }

    #loansHistoryPage .memberLoansHistoryActivityList .list-group-item a {
        border: 0;
    }

    #loansHistoryPage .memberLoansHistoryActivityList .list-group-item .media-left {
        margin-right: 0;
        max-width: 56%;
    }

    #loansHistoryPage .memberLoansHistoryActivityList .list-group-item .media-left div[id^='transaction-data-'] a.hide {
        display: block !important;
    }

    #loansHistoryPage .memberLoansHistoryActivityList .list-group-item .media-left div[id^='transaction-data-'] a.show {
        display: inline !important;
    }

    #loansHistoryPage  .memberLoansHistoryActivityList .list-group-item .media-left div[id^='transaction-data-'] a {
        color: #00739a;
    }

    #loansHistoryPage .memberLoansHistoryActivityList .list-group-item .media-left div[id^='transaction-data-'] a:hover,
    #loansHistoryPage .memberLoansHistoryActivityList .list-group-item .media-left div[id^='transaction-data-'] a:focus {
        text-decoration: underline;
    }

    #loansHistoryPage .memberLoansHistoryActivityList .list-group-item .media-right {
        margin-left: 0;
    }

    #loansHistoryPage header .media-right {
        padding: 0;
    }

    #loansHistoryPage header .media-right .visible {
        display: inline-block !important;
        visibility: visible !important;
    }

    #loansHistoryPage header .media-body {
        display: none !important;
    }

    #loansHistoryPage header {
        display: block !important;
        padding: 15px 8px 8px !important;
    }

    #loansHistoryPage .loansHistoryFormWrapper .panel-body {
        padding-top: 6px;
    }

    #loansHistoryPage  .memberLoansHistoryActivityList .list-group-item .media-right div > span.balance {
        word-wrap: break-word;
    }

    #loansHistoryPage .memberLoansHistoryActivityList .list-group-item .media-right .mphPts {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 4px;
        word-wrap: break-word;
    }

    #loansHistoryPage .memberLoansHistoryActivityList .list-group-item .ellips  {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:nowrap;
    }

    #loansHistoryPage .memberLoansHistoryActivityList .list-group-item .loansHead  {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    #loansHistoryPage .memberLoansHistoryActivityList .list-group-item .loansHead.date {
        margin-bottom: 4px;
    }

    #loansHistoryPage .memberLoansHistoryActivityList .list-group-item .loansAmount {
        position: relative;
        max-width: 140px;
        margin-left: 10px;
        word-break: break-all;
    }

    #loansHistoryPage .memberLoansHistoryActivityList .list-group-item .loansAmount .reg {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 32px;
        line-height: 40px;
        word-break: break-all;
        margin-bottom: 5px;
    }

    #loansHistoryPage .memberLoansHistoryActivityList .list-group-item .loansAmount .sup {
        display: inline-block;
        line-height: 33px;
     }

    #loansHistoryPage .memberLoansHistoryActivityList .list-group-item .loansAmount .sup.loansCurrency {
        margin-right: -1px;
    }

    #loansHistoryPage .memberLoansHistoryActivityList .list-group-item .loansAmount .sup.loansDecimal {
        margin-left: -2px;
    }

    #loansHistoryPage .memberLoansHistoryActivityList .list-group-item .loansAmount .sup span {
       font-family: Avenir, Helvetica, Arial, sans-serif;
       font-size: 18px;
       font-weight: 600;
       line-height: 18px;
       vertical-align: top;
    }
}

/**
|------------------------------------------------
| Loans Sorry Not Found
|------------------------------------------------
|
| <noResultsFound>
|
*/

#loansHistoryPage .memberLoansHistoryActivity .panel-body .noResultsFound,
#loansHistoryPage .memberLoansHistoryActivity .panel-body .noLoanInformation,
#loansHistoryPage .memberLoansHistoryActivity .panel-body .contactMemberAccounting {
    text-align: center;
    max-width: 710px;
    margin: auto;
    padding: 35px 0;
}

#loansHistoryPage .memberLoansHistoryActivity .panel-body .noResultsFound.hidden,
#loansHistoryPage .memberLoansHistoryActivity .panel-body .noLoanInformation.hidden,
#loansHistoryPage .memberLoansHistoryActivity .panel-body .contactMemberAccounting.hidden {
    display: none !important;
}

#loansHistoryPage .memberLoansHistoryActivity .panel-body .noResultsFound h3,
#loansHistoryPage .memberLoansHistoryActivity .panel-body .noLoanInformation h3,
#loansHistoryPage .memberLoansHistoryActivity .panel-body .contactMemberAccounting h3 {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    font-weight: 600;
    line-height: 25px;
    font-size: 16px;
}

#loansHistoryPage .memberLoansHistoryActivity  .panel-body .noResultsFound p,
#loansHistoryPage .memberLoansHistoryActivity .panel-body .noLoanInformation p,
#loansHistoryPage .memberLoansHistoryActivity .panel-body .contactMemberAccounting p {
    margin: 0;
}



/* Date Error Message */

#loansHistoryPage #loansHistoryFormModal .inlineErrors {
    margin-left: 0px;
    margin-top: -4px;
}

#loansHistoryPage #loansHistoryFormModal .inlineErrors,
#loansHistoryPage #loansHistoryFormModal .inlineErrors .dvcss-form-list-body .dvcss-form-list-title,
#loansHistoryPage #loansHistoryFormModal .inlineErrors .dvcss-form-list-body .dvcss-form-list-title h4 {
    color: #ff4605;
}

#loansHistoryPage #loansHistoryFormModal .inlineErrors .dvcss-form-list-body h4  {
    margin-bottom: 8px;
    font-size: 14px;
}

#loansHistoryPage #loansHistoryFormModal .inlineErrors .dvcss-form-list-body .dvcss-form-list-title .errorMessages {
    padding-left: 15px;
    margin-bottom: 10px;
}

#loansHistoryPage #loansHistoryForm .membershipDetailsRow > .media-right .pillSubmit[disabled],
#loansHistoryPage #loansHistoryForm .membershipDetailsRow > .media-right .pillSubmit[disabled] .pillBase.primary > .buttonText.gradient {
    background: #2094bb !important;
    color: #ffffff !important;
}


@media screen and (max-width: 767px) {
    #loansHistoryPage #loansHistoryFormModal .inlineErrors {
        margin-left: 0;
        margin-top: -4px;
    }

    #loansHistoryPage #loansHistoryFormModal .inlineErrors .dvcss-form-list-body h4 {
        margin-bottom: 0;
    }

     #loansHistoryPage #loansHistoryFormModal .inlineErrors li:first-child {
         margin-top: 0;
     }
}


/**************************************************
 * Loans Amortization Page - loans-Amortization.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: MACAK009 $
 * $Revision: #26 $
 * $Change: 1647677 $
 * $Date: 2016/11/10 $
 **************************************************/

#loansAmortizationPage .dvcss-content-header {
    padding: 20px 20px 8px;
}
    
/**
|------------------------------------------------
| Loans Amortization Details Mobile
|------------------------------------------------
|
| <loansAmortizationDetailsMobile>
|
*/

/* Mobile only */

@media screen and (max-width: 767px) {
    #loansAmortizationPage .loansAmortizationDetailsMobile .details-main,
    #loansAmortizationPage .loansAmortizationDetailsMobile .details-main .lead {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #loansAmortizationPage .loansAmortizationDetailsMobile .details-main .lead {
        margin-bottom: 24px;
    }

    #loansAmortizationPage .loansAmortizationDetailsMobile .details-main small {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
    }

    #loansAmortizationPage .loansAmortizationDetailsMobile .details-sub {
        margin-top: 29px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #loansAmortizationPage .loansAmortizationDetailsMobile .details-sub strong {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    #loansAmortizationPage .loansAmortizationDetailsMobile .details-group {
        margin-bottom: 10px;
    }

    #loansAmortizationPage .loansAmortizationDetailsMobile .details-row {
        margin-bottom: -2px;
    }

    #loansAmortizationPage .loansAmortizationDetailsMobile .details-row:nth-child(2) {
        margin-top: 10px;
        margin-bottom: 18px;
    }

}

/**
|------------------------------------------------
| Loans Amortization Form
|------------------------------------------------
|
| <loansAmortizationFormModal>
|
*/

/* Mobile only */
@media screen and (max-width: 767px) {
    #loansAmortizationPage #loansAmortizationFormModal.dvcss-modal-opened-xs {
        display: block;
        position: fixed;
        top: 0!important;
        bottom: 0;
        left: 0;
        z-index: 100004;
        height: 100%!important;
        width: 100%;
        padding: 0;
        background: #fff;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: auto;
    }

    #loansAmortizationPage #loansAmortizationFormModal .modal-dialog {
        height: 100%;
        width: auto;
        margin: 0;
    }

    #loansAmortizationPage #loansAmortizationFormModal .modal-content {
        position: static;
        min-height: 100%;
        padding-bottom: 71px;
        margin-bottom: -71px;
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #loansAmortizationPage #loansAmortizationFormModal form {
        display: inline;
    }

    #loansAmortizationPage #loansAmortizationFormModal .modal-header {
        border-bottom-color: transparent;
        padding: 14px 20px 9px;
    }

    #loansAmortizationPage #loansAmortizationFormModal .modal-header hr {
        top: 9px;
    }

    #loansAmortizationPage #loansAmortizationFormModal .modal-header .modal-title {
        margin-bottom: 10px;
        font-family: Avenir-light,Helvetica,Arial,sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
    }

    #loansAmortizationPage #loansAmortizationFormModal .modal-header p {
        margin-bottom: 8px;
        color: #253b56;
        font-family: Avenir-roman,Helvetica,Arial,sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #loansAmortizationPage #loansAmortizationFormModal .modal-body {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #loansAmortizationPage #loansAmortizationFormModal .modal-footer {
        border-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    #loansAmortizationPage #loansAmortizationFormModal .modal-footer .dvcss-row {
        margin-right: -5px;
        margin-left: -5px;
    }

    #loansAmortizationPage #loansAmortizationFormModal .modal-footer .col-xs-4 {
        width: 33%;
        padding-left: 5px;
        padding-right: 5px;
    }

    #loansAmortizationPage #loansAmortizationFormModal .modal-footer .col-xs-8 {
        width: 66%;
        padding-left: 5px;
        padding-right: 5px;
    }

    #loansAmortizationPage #loansAmortizationFormModal .modal-footer .btn-info {
        background: #fff;
        border: 1px solid #00739a;
        color: #00739a;
        width: 100%;
    }

    .touch body.ui-datepicker-open #loansAmortizationPage #loansAmortizationFormModal.dvcss-modal-opened-xs {
        visibility: hidden;
    }
}



/* Desktop only */

@media screen and (min-width: 768px) {
    #loansAmortizationPage #loansAmortizationFormModal {
        display: block!important;
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        z-index: auto!important;
        background: none;
        overflow: visible;
    }

    #loansAmortizationPage #loansAmortizationFormModal .modal-dialog {
        width: auto;
        margin: 0;
    }

    #loansAmortizationPage #loansAmortizationFormModal .modal-content {
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #loansAmortizationPage #loansAmortizationFormModal .modal-body {
        padding: 0;
    }

    #loansAmortizationPage #loansAmortizationFormModal form {
        display: inline;
    }
}


/**
|------------------------------------------------
| Loans Amortization Form
|------------------------------------------------
|
| <loansAmortizationForm>
|
*/

#loansAmortizationPage .loansAmortizationFormWrapper .panel-body {
    border-bottom: 1px solid #ddd;
    padding: 15px 20px 20px;
}

#loansAmortizationPage #loansAmortizationForm .lead {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    max-width: 620px;
    margin-bottom: 30px;
}

/***** Membership ID Row *****/


#loansAmortizationPage #loansAmortizationForm .membershipIdRow {
    margin-bottom: 12px;
}

#loansAmortizationPage #loansAmortizationForm .membershipIdRow.membershipIdRowSingle {
    padding-top: 6px;
    margin-bottom: 18px;
}

#loansAmortizationPage #loansAmortizationForm .membershipIdRow .form-group .membershipIdLabel {
    margin-right: 6px;
}

#loansAmortizationPage #loansAmortizationForm .membershipIdRow .form-group .membershipIdLabel,
#loansAmortizationPage #loansAmortizationForm .membershipIdRow .form-group .membershipIdValue {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

#loansAmortizationPage #loansAmortizationForm .membershipIdRow .form-group .formInputElement {
    margin-bottom: -1px;
}

#loansAmortizationPage #loansAmortizationForm .membershipIdRow .form-group .formInputElement label {
    display: inline-block;
    position: relative;
    top: -6px;
    margin-right: 3px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

#loansAmortizationPage #loansAmortizationForm .membershipIdRow .form-group .formInputElement .selectBox {
    vertical-align: middle;
}

#loansAmortizationPage #loansAmortizationForm .membershipIdRow > .media-right {
    position: relative;
    top: 4px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#loansAmortizationPage #loansAmortizationForm .membershipIdRow.membershipIdRowSingle > .media-right {
    top: -2px;
}

#loansAmortizationPage #loansAmortizationForm .membershipIdRow > .media-right strong {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}


/* Mobile only */
@media screen and (max-width: 767px) {
    #loansAmortizationPage .loansAmortizationFormWrapper .panel-body {
        padding: 6px 10px 17px;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipIdRow > .media-body {
        display: block;
        width: auto;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipIdRow > .media-right {
        display: none;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipIdRow .form-group .formInputElement {
        margin-bottom: 0!important;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipIdRow .form-group .formInputElement label {
        display: block;
        top: auto;
        margin-right: 0;
        font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
    }
}
/***** Membership Details Row *****/


#loansAmortizationPage #loansAmortizationForm .membershipDetailsRow > .media-right {
    padding-bottom: 5px;
    vertical-align: bottom;
}

/* Desktop only */
@media screen and (min-width: 768px) {
    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .membershipDetailsGroup {
        display: block;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .membershipDetailsGroup .membershipDetailsInner {
        display: table;
        width: 100%;
        max-width: 725px;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .membershipDetailsInner {
        display: inline-block;
        width: auto;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .form-handler {
        display: table-cell;
        white-space: normal;
        padding-right: 0;
        margin-right: 0;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .form-group {
        display: table-cell;
        padding-right: 20px;
        margin-right: 0;
        vertical-align: bottom;
    }
    
    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .form-group:last-child {
        padding-right: 0;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .form-group.contractDetailsGroup {
        display: table-cell;
        width: 100%;
    }
    
    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .form-group.contractDetailsGroup.membershipDetailsSingleContract {
        width: auto;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .contractDetailsGroup {
        padding-right: 25px;
        max-width: 360px;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .contractDetailsText {
        margin-top: 8px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .contractDetailsGroup .contractDetailsText {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .formInputElement.long {
        display: block;
        width: auto;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .formInputElement.long .selectBox {
        width: 100%;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .formInputElement.short .selectBox {
        width: 110px;
    }
}

/* Mobile only */

@media screen and (max-width: 767px) {
    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .membershipDetailsGroup .membershipDetailsInner,
    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .membershipDetailsInner {
        display: block;
        width: auto;
        max-width: none;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow > .media-body {
        display: block;
        width: auto;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow > .media-right {
        display: none;
        padding-left: 0;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .contractDetailsGroup .contractDetailsText {
        margin-top: 1px;
        margin-bottom: 22px;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .contractRangeRow {
        display: block;
        margin-left: -6px;
        margin-right: -6px;
    }

    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .contractRangeRow > .form-group {
        display: block;
        float: left;
        padding: 0 6px;
        width: 50%;
    }
    
    #loansAmortizationPage #loansAmortizationForm .membershipDetailsRow .form-group:last-child {
        padding-right: 6px;
        
    }
}

/***** Membership Form Buttons Row *****/

#loansAmortizationPage #loansAmortizationForm .formSubmit {
    min-width: 125px;
    border: 0;
}

/**
|------------------------------------------------
| Loans Amortization Activity
|------------------------------------------------
|
| <memberLoansAmortizationActivity>
|
*/

#loansAmortizationPage .memberLoansAmortizationActivity,
#loansAmortizationPage .memberLoansAmortizationActivity.printLayout {
    padding-top: 35px;
}

#loansAmortizationPage .memberLoansAmortizationActivity .list-unstyled li .media > div  {
    margin-bottom: 10px;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#loansAmortizationPage .memberLoansAmortizationActivity .list-unstyled li .media > div:last-child  {
    margin-bottom: 0;
}

#loansAmortizationPage .memberLoansAmortizationActivity .list-unstyled {
    margin-bottom: 30px;
}

#loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityBalance {
    padding: 0 20px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityBalance .panel-body {
    padding: 0;
}

#loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityBalance strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

#loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityBalance .lead {
    margin-bottom: 12px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

#loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityBalance ul {
    margin: 0 0 30px;
}

#loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityBalance ul > li {
    margin-bottom: 3px;
}

#loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityBalance ul > li .hidden-xs .media-left {
    margin-right: 5px;
}

#loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityPanel {
    margin: 0;
    border: 0;
    background: none;
}

#loansAmortizationPage .memberLoansAmortizationActivity .panel-body {
    padding: 15px 20px 0;
    margin-bottom: -1px;
}

#loansAmortizationPage .memberLoansAmortizationActivity .panel-footer {
    background: none;
    border-radius: 0;
    padding: 4px 15px 14px;
}

#loansAmortizationPage .memberLoansAmortizationActivity .panel-footer.removeExcess {
    border: 0;
    padding: 0;
}

#loansAmortizationPage .memberLoansAmortizationActivity .panel-footer .btn-link {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 25px;
}

#loansAmortizationPage .memberLoansAmortizationActivityTable > thead > tr > .loansAmortizationScheduleTransactionDate,
#loansAmortizationPage .memberLoansAmortizationActivityTable > thead > tr > .loansAmortizationSchedulePayment,
#loansAmortizationPage .memberLoansAmortizationActivityTable > thead > tr > .loansAmortizationSchedulePrincipalPaid,
#loansAmortizationPage .memberLoansAmortizationActivityTable > thead > tr > .loansAmortizationScheduleInterestPaid {
    padding: 0 20px 3px 0;
    max-width: 164px;
    word-wrap: break-word;
}


#loansAmortizationPage .memberLoansAmortizationActivityTable > thead > tr > .loansAmortizationScheduleBalanceToDate {
    padding: 0 0 3px;
    max-width: 164px;
    word-wrap: break-word;
}


/* Mobile only */

@media screen and (max-width: 767px) {
    #loansAmortizationPage .memberLoansAmortizationActivity {
        padding-top: 17px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityBalance {
        margin-top: 10px;
        padding: 0 10px;
    }
    
    #loansAmortizationPage .memberLoansAmortizationActivityFilters,
    #loansAmortizationPage .memberLoansAmortizationActivityPanel .panel-body {
        padding: 15px 10px 0 !important;
    }

    #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityBalance .lead {
        margin-bottom: 15px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityBalance ul {
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 17px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityBalance ul > li {
        margin-bottom: 12px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 15px;
        font-weight: 400;
        line-height: 20px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityBalance ul > li strong {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityPanel > .panel-footer {
        border-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityPanel > .panel-footer.removeExcess .panel-inner {
        border: 0;
        padding: 0;
    }

    #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityPanel > .panel-footer .panel-inner {
        border-top: 1px solid #ddd;
        padding: 7px 0 1px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityPanel > .panel-footer .btn-link {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivity .memberLoansAmortizationActivityPanel > .panel-footer .btn-link {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }
}

/**
|------------------------------------------------
| Loans Amortization Activity Filters
|------------------------------------------------
|
| <memberLoansAmortizationActivityFilters>
|
*/

#loansAmortizationPage .memberLoansAmortizationActivityFilters {
    padding: 0 20px;
    margin-bottom: -2px;
}

#loansAmortizationPage .memberLoansAmortizationActivityFilters .media-body h2 {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
}

/* Mobile only */

@media screen and (max-width: 767px) {

    #loansAmortizationPage .memberLoansAmortizationActivityFilters .media-table {
        padding-bottom: 0;
        border-bottom: 1px solid #ddd;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityFilters .media-body {
        padding-top: 0px;
        padding-bottom: 15px;
        vertical-align: middle;
    }
    
    #loansAmortizationPage .memberLoansAmortizationActivityFilters .media-body h2 {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityFilters .media-right .btn {
        min-width: 55px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityFilters .media-right .sort.btn {
        min-width: 55px;
        margin-bottom: 12px;
    }
}

/**
|------------------------------------------------
| Loans Sort Dropdown
|------------------------------------------------
|
| <sortContainer>
|
*/

#loansAmortizationPage #sortContainer label {
    position: relative;
    top: -6px;
    margin-right: 15px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    line-height: 25px;
}

/**
|------------------------------------------------
| Loans Membership Contract Form Label Display
|------------------------------------------------
|
| <membershipContractFormLabelDisplay>
|
*/

#loansAmortizationPage #membershipContractFormLabelDisplay .media-right .btn-link {
   font-size: 14px;
   font-family: Avenir-roman, Helvetica, Arial, sans-serif;
   line-height: 20px;
}

#loansAmortizationPage #membershipContractForm .uiPlus .datePicker {
    width: 120px;
}

#loansAmortizationPage #membershipContractForm .uiPlus .datePicker .ui-datepicker-trigger {
    right: 4px;
    top: 27px;
}

#loansAmortizationPage #membershipContractForm .loadingUpdateBtn {
    background-color: #00739A;
}


/* Mobile only */

@media screen and (max-width: 767px) {
    #loansAmortizationPage #membershipContractForm .uiPlus .datePicker {
        width: 100%;
    }

    #loansAmortizationPage #membershipContractForm .uiPlus .datePicker .ui-datepicker-trigger {
        right: 6px;
        top: 34px;
    }
}

/**
|------------------------------------------------
| Loans Amortization Activity Table
|------------------------------------------------
|
| <memberLoansAmortizationActivityTable>
|
*/

#loansAmortizationPage .membermemberLoansAmortizationActivityTable {
   margin-bottom: 0;
   border-radius: 0;
}

#loansAmortizationPage .memberLoansAmortizationActivityTable > tbody tr td,
#loansAmortizationPage .memberLoansAmortizationActivityTable > tbody tr th {
   word-break: break-word;
}

#loansAmortizationPage .memberLoansAmortizationActivityTable > tbody tr th {
   font-weight: normal;
}

#loansAmortizationPage .memberLoansAmortizationActivityTable > tbody > tr > td,
#loansAmortizationPage .memberLoansAmortizationActivityTable > tbody > tr > th,
#loansAmortizationPage .memberLoansAmortizationActivityTable > tfoot > tr > td,
#loansAmortizationPage .memberLoansAmortizationActivityTable > tfoot > tr > th,
#loansAmortizationPage .memberLoansAmortizationActivityTable > thead > tr > th,
#loansAmortizationPage .memberLoansAmortizationActivityTable > thead > tr > td {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#loansAmortizationPage .memberLoansAmortizationActivityTable > tbody > tr > th {
    padding: 11px 20px 21px 0;
}

#loansAmortizationPage .memberLoansAmortizationActivityTable > tbody > tr > td:nth-child(2) {
    padding: 11px 20px 21px 0;
}

#loansAmortizationPage .memberLoansAmortizationActivityTable > tbody > tr > td:nth-child(3) {
    padding: 11px 20px 21px 0;
}

#loansAmortizationPage .memberLoansAmortizationActivityTable > tbody > tr > td:nth-child(4) {
    padding: 11px 20px 21px 0;
}

#loansAmortizationPage .memberLoansAmortizationActivityTable > tbody > tr > td {
    padding: 11px 0 21px;
}

#loansAmortizationPage .memberLoansAmortizationActivityTable > tbody > tr > td:last-child {
    padding: 11px 0 21px;
}

#loansAmortizationPage .memberLoansAmortizationActivityTable > tbody > tr > th,
#loansAmortizationPage .memberLoansAmortizationActivityTable > tbody > tr > td {
    border-top: 0;
    border-bottom: 1px solid #ddd;
}

#loansAmortizationPage .memberLoansAmortizationActivityTable > tbody > tr:last-child > th,
#loansAmortizationPage .memberLoansAmortizationActivityTable > tbody > tr:last-child > td {
    border-bottom: 0;
}

#loansAmortizationPage .memberLoansAmortizationActivityTable strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#loansAmortizationPage .memberLoansAmortizationActivityTable > thead > tr > th {
    background: none;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}

#loansAmortizationPage .memberLoansAmortizationActivityTable > thead > tr > th {
    padding-top: 0;
}

#loansAmortizationPage .memberLoansAmortizationActivityTable > thead > tr > td {
    padding-top: 0;
    padding-bottom: 0;
}



#loansAmortizationPage .memberLoansAmortizationActivityTable > thead > tr > td:last-child,
#loansAmortizationPage .memberLoansAmortizationActivityTable > tbody > tr > th:last-child,
#loansAmortizationPage .memberLoansAmortizationActivityTable > tfoot > tr > th:last-child,
#loansAmortizationPage .memberLoansAmortizationActivityTable > tfoot > tr > td:last-child {
    padding-right: 0;
}


#loansAmortizationPage .memberLoansAmortizationActivityTable .loansTransactionAmortizationPaymentDate,
#loansAmortizationPage .memberLoansAmortizationActivityTable .loansTransactionAmortizationActivity,
#loansAmortizationPage .memberLoansAmortizationActivityTable .loansTransactionAmortizationPaymentType,
#loansAmortizationPage .memberLoansAmortizationActivityTable .loansTransactionAmortizationAmount,
#loansAmortizationPage .memberLoansAmortizationActivityTable .loansTransactionAmortizationBalance {
    word-break: break-word;
}

#loansAmortizationPage .memberLoansAmortizationActivityLoader  {
    text-align: center;
    margin-bottom: 30px;
}

#loansAmortizationPage .membermemberLoansAmortizationActivityPanel .panel-body {
    padding-bottom: 0;
}

#loansAmortizationPage .memberLoansAmortizationActivityTable.table {
    margin-bottom: 0;
}

#loansAmortizationPage header .media-right {
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #00739a;
}

#loansAmortizationPage header .media-right span {
    margin-right: 5px;
    color: #00739a;
}

#loansAmortizationPage header .media-right .disabledLink {
    pointer-events: none;
    cursor: default;
}

@media screen and (max-width: 767px) {

    /* List */
    #loansAmortizationPage .memberLoansAmortizationActivityPanel .memberLoansAmortizationActivityList {
        margin: 0;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityPanel .memberLoansAmortizationActivityList > .list-group-item  {
        padding: 20px 0 18px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList > .list-group-item:first-child  {
        border-top: 0;
        padding-top: 6px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList > .list-group-item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 21px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item a {
        border: 0;
        color: #00739a;

    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .media-left {
        display: table-cell;
        float: none;
        vertical-align: top;
        margin-right: 0;
        overflow: hidden;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .media-left > .transactionItem > .transactionItemWrap {
        width: 105px;
        margin-right: 20px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .media-left div[id^='transaction-data-'] a.hide {

        display: block !important;

    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .media-left div[id^='transaction-data-'] a.show {
        display: inline !important;
    }

    #loansAmortizationPage  .memberLoansAmortizationActivityList .list-group-item .media-left div[id^='transaction-data-'] a {
        color: #00739a;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .media-left div[id^='transaction-data-'] a:hover,
    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .media-left div[id^='transaction-data-'] a:focus {
        text-decoration: underline;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .media-right {
        display: table-cell;
        float: none;
        overflow: hidden;
        vertical-align: top;
        margin-left: 0;
        padding-left: 10px;
        width: 100%;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList > .list-group-item > .paymentDetails > .loansModeOfPayment.loansAdditionalDetailsItems {
        margin-top: 20px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .media-right > .balanceToDateWrap {
        min-width: 140px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .media-right > .balanceToDateWrap > .balanceToDateHead {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        word-break: break-word;
        margin-bottom: 2px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .media-right > .balanceToDateWrap > .balanceToDateAmount {
        font-weight: 400;
        font-size: 28px;
        word-break: break-all;
        white-space: nowrap;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .media-right > .balanceToDateWrap > .balanceToDateAmount > .reg {
        margin-bottom: 5px;
        line-height: 32px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        vertical-align: top;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .media-right > .balanceToDateWrap > .balanceToDateAmount > .sup {
        line-height: 20px;
        display: inline;
        font-family: Avenir-roman Helvetica, Arial, sans-serif;
        font-weight: 600;
        vertical-align: top;
        font-size: 14px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .media-right > .balanceToDateWrap > .balanceToDateAmount > .sup > span {
        vertical-align: top;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .media-right > .balanceToDateWrap > .balanceToDateAmount > .sup.loansCurrency {
        margin-bottom: -1px;
        margin-right: -7px;

    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .media-right > .balanceToDateWrap > .balanceToDateAmount > .sup.loansDecimal {
        margin-bottom: -2px;
        margin-left: -5px;
    }

    #loansAmortizationPage header .media-right {
        padding: 0;
    }

    #loansAmortizationPage header .media-right .visible {
        display: inline-block !important;
        visibility: visible !important;
    }

    #loansAmortizationPage header .media-body {
        display: none !important;
    }

    #loansAmortizationPage header {
        display: block !important;
        padding: 15px 8px 8px !important;
    }

    #loansAmortizationPage .loansAmortizationFormWrapper .panel-body {
        padding-top: 6px;
    }

    #loansAmortizationPage  .memberLoansAmortizationActivityList .list-group-item .media-right div > span.balance {
        word-wrap: break-word;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .media-right .mphPts {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 4px;
        word-wrap: break-word;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .ellips  {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:nowrap;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .loansHead  {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .loansHead.date {
        margin-bottom: 10px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .loansAmount {
        position: relative;
        max-width: 140px;
        margin-left: 10px;
        word-break: break-all;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .loansAmount .reg {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 32px;
        line-height: 40px;
        word-break: break-all;
        margin-bottom: 5px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .loansAmount .sup {
        display: inline-block;
        line-height: 33px;
     }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .loansAmount .sup.loansCurrency {
        margin-right: -1px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .loansAmount .sup.loansDecimal {
        margin-left: -2px;
    }

    #loansAmortizationPage .memberLoansAmortizationActivityList .list-group-item .loansAmount .sup span {
       font-family: Avenir, Helvetica, Arial, sans-serif;
       font-size: 18px;
       font-weight: 600;
       line-height: 18px;
       vertical-align: top;
    }

}

/**
|------------------------------------------------
| Loans Sorry Not Found
|------------------------------------------------
|
| <noResultsFound>
|
*/

#loansAmortizationPage .memberLoansAmortizationActivity .panel-body .noResultsFound,
#loansAmortizationPage .memberLoansAmortizationActivity .panel-body .contactMemberAccounting,
#loansAmortizationPage .memberLoansAmortizationActivity .panel-body .noLoanInformation,
#loansAmortizationPage .memberLoansAmortizationActivity .panel-body .loansInactive {
    text-align: center;
    max-width: 710px;
    margin: auto;
    padding: 35px 0;
}

#loansAmortizationPage .memberLoansAmortizationActivity .panel-body .noResultsFound.hidden,
#loansAmortizationPage .memberLoansAmortizationActivity .panel-body .contactMemberAccounting.hidden,
#loansAmortizationPage .memberLoansAmortizationActivity .panel-body .noLoanInformation.hidden,
#loansAmortizationPage .memberLoansAmortizationActivity .panel-body .loansInactive.hidden {
    display: none !important;
}


#loansAmortizationPage .memberLoansAmortizationActivity .panel-body .noResultsFound h3,
#loansAmortizationPage .memberLoansAmortizationActivity .panel-body .contactMemberAccounting h3,
#loansAmortizationPage .memberLoansAmortizationActivity .panel-body .noLoanInformation h3,
#loansAmortizationPage .memberLoansAmortizationActivity .panel-body .loansInactive h3 {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    font-weight: 600;
    line-height: 25px;
    font-size: 16px;
}

#loansAmortizationPage .memberLoansAmortizationActivity .panel-body .noResultsFound p,
#loansAmortizationPage .memberLoansAmortizationActivity .panel-body .contactMemberAccounting p,
#loansAmortizationPage .memberLoansAmortizationActivity .panel-body .noLoanInformation p,
#loansAmortizationPage .memberLoansAmortizationActivity .panel-body .loansInactive p {
    margin: 0;
}


/* Date Error Message */

#loansAmortizationPage #loansAmortizationFormModal .inlineErrors {
    margin-left: 0px;
    margin-top: -4px;
}

#loansAmortizationPage #loansAmortizationFormModal .inlineErrors,
#loansAmortizationPage #loansAmortizationFormModal .inlineErrors .dvcss-form-list-body .dvcss-form-list-title,
#loansAmortizationPage #loansAmortizationFormModal .inlineErrors .dvcss-form-list-body .dvcss-form-list-title h4 {
    color: #ff4605;
}

#loansAmortizationPage #loansAmortizationFormModal .inlineErrors .dvcss-form-list-body h4  {
    margin-bottom: 8px;
    font-size: 14px;
}

#loansAmortizationPage #loansAmortizationFormModal .inlineErrors .dvcss-form-list-body .dvcss-form-list-title .errorMessages {
    padding-left: 15px;
    margin-bottom: 10px;
}

#loansAmortizationPage #loansAmortizationForm .membershipDetailsRow > .media-right .pillSubmit[disabled],
#loansAmortizationPage #loansAmortizationForm .membershipDetailsRow > .media-right .pillSubmit[disabled] .pillBase.primary > .buttonText.gradient {
    background: #2094bb !important;
    color: #ffffff !important;
}

@media screen and (max-width: 767px) {
    #loansAmortizationPage #loansAmortizationFormModal .inlineErrors {
        margin-left: 0;
        margin-top: -4px;
    }

    #loansAmortizationPage #loansAmortizationFormModal .inlineErrors .dvcss-form-list-body h4 {
        margin-bottom: 0;
    }
    
    #loansAmortizationPage #loansAmortizationFormModal .inlineErrors li:first-child {
         margin-top: 0;
    }

}

/* IE remove X button in input field datepicker */

#loansAmortizationPage #loansAmortizationForm .fromDate::-ms-clear,
#loansAmortizationPage #loansAmortizationForm .toDate::-ms-clear {
    display: none;
}

#loansAmortizationPage #loansAmortizationForm .fromDate::-ms-clear,
#loansAmortizationPage #loansAmortizationForm .toDate::-ms-clear {
    height: 0;
    width: 0;
}   



/**************************************************
 * Loans Overview Page - loans-overview.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: TUAZR001 $
 * $Revision: #30 $
 * $Change: 1647773 $
 * $Date: 2016/11/14 $
 **************************************************/

/**
|------------------------------------------------
| Loans Overview Details
|------------------------------------------------
|
| <loansOverviewDetails>
|
*/

#loansPage .dvcss-content-header {
    padding: 18px 25px 11px;
}

/**
 *===========================
 * Membership CTA section
 *===========================
 *
 * <.membershipCTAGroup>
 *      |
 *      |-- <.membershipCTA>
 *
 */

#loansPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading .panel-title .media > .media-left {
    display: none;
}

#loansPage .membershipListAccordion .collapse > .has-error {
    padding: 9px 40px 0;
}

#loansPage .membershipListAccordion.membershipListAccordionSingle .membershipListAccordionPanelCollapse  > .panel-body {
    border-top-color: transparent;
    padding-top: 0;
}

#loansPage .membershipListAccordion .panel-body > .membershipContentResult > .has-error {
    margin-top: -4px;
    margin-bottom: 25px;
}

#loansPage .membershipListAccordion .panel .panel-heading .membership-panel .media > .media-left > .membershipTitle > .media > .media-body > .media-table > .media-body > div {
   width: 350px;
}

#loansPage .membershipListAccordion .membershipListAccordionPanelCollapse > .panel-body {
    padding-top: 23px;
    padding-bottom: 0;
}

#loansPage .membershipListAccordion .membershipCTAContainer > .membershipContentWarning:first-child {
    margin-bottom: 10px;
    margin-top: 2px;
}

#loansPage .membershipListAccordion .membershipCTAGroup {
    margin-bottom: 50px;
    margin-top: 25px;
}

#loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA > .notFlexbox-block > div > .flexbox-inner > .flexbox-text {
    padding-bottom: 26px;
}

#loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA {
    min-height: 210px;
    width: 1%;
    padding: 35px 30px 30px;
}

#loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-inner {
    margin-left: auto;
    margin-right: auto;
    min-width: 135px;
    max-width: 165px;
}

#loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-inner .flexbox-title > strong > span > sup {
    font-size: 24px;
}

#loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-subtitle {
    margin-bottom: 0;
}

#loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-subtitle strong {
    display: block;
    margin-bottom: 0;
    font-family: Avenir-light,Helvetica,Arial,sans-serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 42px;
}

#loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-subtitle strong sup {
    margin-top: 5px;
    font-size: 24px;
}

#loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA.membershipCTANoPoints .flexbox-block {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
}

#loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA.membershipCTANoPoints .flexbox-subtitle {
    min-height: 0;
    max-height: none;
    word-break: break-word;
    margin-bottom: 0;
}

#loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-footer {
    padding-top: 4px;
}

#loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-footer .dvcss-btn {
    padding-left: 3px;
    padding-right: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 40px;
}

/* Mobile only */

@media screen and (max-width: 767px) {
    #loansPage .membershipListAccordion .panel-body > .membershipContentResult > .has-error {
        margin: 10px 0;
    }

    #loansPage .membershipListAccordion .collapse > .has-error {
        padding: 9px 10px 0;
    }

    #loansPage .membershipListAccordion .panel-body > .membershipContentResult > .media-right {
        margin-bottom: 15px;
    }

    #loansPage .membershipListAccordion .membershipContentWarning {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #loansPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading .panel-title .media > .media-body > .media-table > .media-body {
        display: block;
    }

    #loansPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading .panel-title .media > .media-body > .media-table > .media-right {
        display: block;
        padding-left: 0;
    }

    #loansPage .membershipListAccordion .membershipListAccordionPanelCollapse > .panel-body {
        padding-top: 20px;
    }

    #loansPage .membershipListAccordion.membershipListAccordionSingle .membershipListAccordionPanelCollapse  > .panel-body {
        padding-top: 0px;
    }

    #loansPage .membershipListAccordion .membershipCTAGroup {
        margin-bottom: 0;
    }

    #loansPage .membershipListAccordion .membershipCTAGroup .dvcss-flexbox-group {
        display: block;
    }

    #loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-footer .dvcss-btn {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    }

    #loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA {
        margin: 0 15px 25px;
        padding: 25px 20px 25px;
        width: auto;
        min-height: 148px;
    }

    #loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-inner {
        max-width: none;
    }

    #loansPage .membershipListAccordion .membershipContentResult .membershipCTA .flexbox-footer .flexbox-inner {
        margin-left: auto;
        margin-right: auto;
        min-width: 135px;
        max-width: 180px;
    }

    #loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA .flexbox-title + .flexbox-text {
        margin-top: -7px;
        padding-top: 0;
    }

    #loansPage .membershipListAccordion  .dvcss-flexbox .flexbox-title:first-child {
        margin-bottom: 7px;
    }

    #loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA > .notFlexbox-block > div > .flexbox-inner > .flexbox-text {
        padding-bottom: 11px;
    }

    #loansPage .dvcss-flexbox-group .dvcss-flexbox .flexbox-block {
        margin: 0 20px;
    }
}

/**
 *===========================
 * Membership Content Actions
 *===========================
 *
 */

#loansPage .membershipContentActions {
    margin-bottom: 10px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

/* Mobile only */

@media screen and (max-width: 767px) {
    #loansPage .membershipContentActions {
        margin-bottom: 15px;
    }
}

/***** CTA No Points Left to Bank *****/

/* Mobile only */

@media screen and (max-width: 767px) {
    #loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA.membershipCTANoPoints .flexbox-title {
        line-height: 25px;
        margin-bottom: 0;
    }
}

/**
 *===========================
 * Use Years Carousel
 *===========================
 *
 *
 *
 */

@media screen and (max-width: 767px) {
    #loansPage .membershipListAccordion .useYearsCarousel {
        margin-top: -5px;
    }

    #loansPage .membershipListAccordion .useYearsCarousel .slick-slide {
        display: block;
        float: left;
        width: 240px;
    }
}

/**
 *===========================
 * Membership ContentLoader
 *===========================
 *
 * <.membershipContentLoader>
 *
 */

#loansPage .membershipListAccordion .membershipListAccordionPanelCollapse .membershipContentLoader  {
    text-align: center;
    margin-bottom: 30px;
}

/**
 *===========================
 * Contract Info Section
 *===========================
 *
 * <.contractInfoSection>
 *
 */

#loansPage .membershipListAccordion .contractInfoSection .h3 {
    margin-top: 0;
    margin-bottom: 7px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

/* Mobile only */

@media screen and (max-width: 767px) {
    #loansPage .membershipListAccordion .contractInfoSection .h3 {
        margin-top: 17px;
        margin-bottom: 4px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
}

/**
 *===========================
 * Contract Activity List
 *===========================
 *
 * <.contractActivityList>
 *      |
 *      |-- <.list-item>
 *              |
 *              |-- <.contractActivitySummaryDrawer>
 */

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item {
    background: transparent;
    padding-top: 16px;
    padding-bottom: 25px;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item:last-child {
    padding-bottom: 25px;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 100;
    line-height: 25px;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body > div:first-child {
    margin-bottom: 10px;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body strong,
#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body span {
    display: block;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-right {
    padding-top: 7px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer {
    border: 1px solid transparent;
    margin-bottom: 0;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse {
    margin-top: -4px;
    margin-bottom: -19px;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item:last-child .contractActivitySummaryDrawer > .panel-collapse {
    margin-bottom: -17px;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-wrapper {
    position: relative;
    z-index: 1;
    background: #fff;
    padding-top: 25px;
    padding-bottom: 5px;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item:last-child .contractActivitySummaryDrawer > .panel-collapse .panel-wrapper {
    padding-bottom: 30px;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel {
    background-color: #F3FDFF;
    border: 1px solid #e3e7e9;
    /*border-radius: 12px;*/
    -webkit-box-shadow: none;
    box-shadow: none;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body {
    position: relative;
    padding: 30px 30x 8px;
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body .panel-caret {
    position: absolute;
    top: -21px;
    right: 80px;
    z-index: 1;
    border-top: 0;
    border-bottom: 21px solid;
    border-right: 23px solid transparent;
    border-left: 23px solid transparent;
    color: #ddd;
    height: 0;
    width: 0;
    vertical-align: middle;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body .panel-caret:after {
    content: "";
    position: absolute;
    top: 1px;
    left: -22px;
    color: #F3FDFF;
    border-top: 0;
    border-bottom: 20px solid;
    border-right: 22px solid transparent;
    border-left: 22px solid transparent;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group-header {
    margin-bottom: 3px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group {
    margin-bottom: 7px;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group .list-group-item {
    background: none;
    border-left: 0;
    border-right: 0;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 13px 0 15px;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group .list-group-item .badge {
    background: none;
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: -3px;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group-footer {
    padding-top: 5px;
    padding-bottom: 10px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#loansPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel .panel-footer {
    background: none;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 22px;
}


/* Mobile only */
@media screen and (max-width: 767px) {

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList {
        padding-top: 0;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item {
        padding-top: 23px;
        padding-bottom: 24px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item:last-child {
        padding-bottom: 21px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body {
        display: block;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body div:first-child {
        margin-top: 0;
        margin-bottom: 5px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body strong,
    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body span {
        font-size: 14px;
        line-height: 20px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-body span {
        margin-bottom: 5px;
        display:block;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item > .media-table > .media-right {
        display: block;
        text-align: left;
        padding-left: 0;
        padding-top: 27px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer {
        margin-left: -11px;
        margin-right: -11px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel {
        border-radius: 0;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse {
        margin-top: -2px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body {
        padding: 12px 10px 17px;
        color: #00233C;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-wrapper {
        padding-top: 18px;
        border-radius: 6px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body .panel-caret {
        top: -13px;
        right: auto;
        left: 80px;
        border-bottom: 13px solid;
        border-right: 13px solid transparent;
        border-left: 12px solid transparent;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .dvcss-list-group > .list-item .contractActivitySummaryDrawer > .panel-collapse .panel-body .panel-caret:after {
        left: -12px;
        border-bottom: 12px solid;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group-header {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 10px;
        font-weight: 400;
        line-height: 25px;
        margin-bottom: -3px;
        padding: 5px 0 3px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group {
        margin-bottom: 16px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group .list-group-item {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 13px 0 15px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group .list-group-item .badge {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-top: -2px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel-body .list-group-footer {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        padding: 5px 0 10px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .contractActivityList .contractActivitySummaryDrawer > .panel-collapse .panel .panel-footer {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        padding-top: 26px;
        padding-bottom: 21px;
    }

}

/**
 *===========================
 * Unapplied Funds
 *===========================
 */

#loansPage .duesUnappliedFunds {
    margin-bottom: 30px;
}

#loansPage .duesUnappliedFunds .media-table {
    margin-bottom: 30px;
}

#loansPage .duesUnappliedFunds .media-body .desc {
    max-width: 565px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-right: 30px;
}

#loansPage .duesUnappliedFunds .media-right small {
    display: block;
    margin-bottom: 5px;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

#loansPage .duesUnappliedFunds .media-right strong {
    display: block;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 30px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #loansPage .duesUnappliedFunds .media-table {
        margin-bottom: 25px;
    }

    #loansPage .duesUnappliedFunds .media-body,
    #loansPage .duesUnappliedFunds .media-right {
        display: block;
    }

    #loansPage .duesUnappliedFunds .media-right {
        padding-left: 0;
        margin-top: 25px;
    }

    #loansPage .duesUnappliedFunds .media-right small {
        margin-bottom: 10px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 100;
        line-height: 20px;
    }

    #loansPage .duesUnappliedFunds .media-right strong {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 28px;
        font-weight: 600;
        line-height: 35px;
    }

}

/**
 *===========================
 * Contract Warning
 *===========================
 */

#loansPage .contractActivityItem .contractActivityItemWarning  {
    margin-top: 30px;
    margin-bottom: -9px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #loansPage .contractActivityItem .contractActivityItemWarning  {
        margin-top: 20px;
        margin-bottom: -2px;
    }

}

/**
 *===========================
 * Contract Status
 *===========================
 */

#loansPage .contractActivityItem .contractStatus {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 25px;
    margin-bottom: 5px;
}

#loansPage .contractActivityItem .contractStatus small {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

#loansPage .contractActivityItem .contractStatus strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
}

#loansPage .contractActivityItem .contractStatus em {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    line-height: 20px;
}

#loansPage .contractActivityItem .contractStatus .lead {
    margin-top: 5px;
    margin-bottom: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 30px;
}

#loansPage .contractActivityItem .contractStatus .lead strong {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 38px;
    font-weight: 600;
}

#loansPage .contractActivityItem .contractStatus .desc {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: -2px;
    margin-bottom: -2px;
    min-width: 235px;
    white-space: normal;
    word-break: break-word;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #loansPage .contractActivityItem .contractStatus small {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #loansPage .contractActivityItem .contractStatus .lead {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 28px;
        font-weight: 600;
        line-height: 35px;
        margin-top: 6px;
        margin-bottom: -2px;
    }

    #loansPage .contractActivityItem .contractStatus .lead strong {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 38px;
        font-weight: 600;
        line-height: 45px;
    }
    #loansPage .contractActivityItem .contractStatus .desc {
        margin-top: 5px;
        margin-bottom: -1px;
        min-width: 0;
    }
}

#loansPage hr.dvcss-hr-faded {
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#dfdfdf 5%,#dfdfdf 95%,hsla(0,0%,100%,0)) repeat scroll 0 0 transparent;
}


#loansPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading > .membership-panel .media .media-table .media-right > a,
#loansPage .membershipListAccordion > .panel > .panel-heading > .membership-panel .media > .media-right > a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #0079BC;
}

#loansPage .membershipListAccordion > .panel > .panel-heading > .membership-panel .media > .media-right > a:hover {
    text-decoration: underline;
}

#loansPage .membershipListAccordion > .panel > .panel-heading > .panel-title small {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    color: #0079BC;
}

#loansPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading > .membership-panel .media .media-table .media-right > a:hover {
    text-decoration: underline;
}




@media screen and (max-width: 767px) {
    #loansPage .membershipListAccordion.dvcss-panel-group > .panel > .panel-heading {
        padding: 18px 2px 10px;
    }

    #loansPage .membershipListAccordion.membershipListAccordionSingle > .panel > .panel-heading {
        border-radius: 6px 6px 0 0;
        padding: 18px 10px 13px;
    }
}

@media screen and (min-width: 768px) {
    #loansPage .membershipListAccordion.dvcss-panel-group > .panel > .panel-heading {
        padding: 19px 40px 18px 31px;
    }

    #loansPage .dvcss-panel-group.membershipListAccordionSingle > .panel {
        border-radius: 0 0 12px 12px;
    }

    #loansPage .membershipListAccordion > .panel:not(:first-child),
    #loansPage .membershipListAccordion > .panel:not(:first-child) > .panel-heading,
    #loansPage .membershipListAccordion > .panel:only-child,
    #loansPage .membershipListAccordion > .panel:only-child > .panel-heading {
        border-radius: 0 0 12px 12px;
    }
}
/**
 *===========================
 * Loans Contract Status
 *===========================
 */


#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul {
    margin: 0;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li.list-group-item {
    border: 0;
    padding: 0;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li.list-group-item > .media-table {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 35px;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li.list-group-item:last-child > .media-table {
    border-bottom: 0;
    margin-bottom: 0;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-right {
    text-align: right;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding-left: 40px;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-left {
    padding-right: 25px;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-left > i {
    font-size: 35px;
    line-height: 35px;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .loansContractDetails > .loansContract {
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 25px;
    display: inline-block;
    margin-bottom: 10px;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .loansContractDetails > .resort {
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    max-width: 600px;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .loansContractDetails > .resort > span {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    font-weight: 600;
}

/* Inner Media body */

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table {
    margin-top: 25px;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-left,
#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-body {
    border: 0;
    padding-left:0;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table  .lead {
    margin-top: 5px;
    margin-bottom: 0;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 28px;
    line-height: 30px;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table  > .media-right .loansPayOff {
    margin-bottom: 5px;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table  > .media-right .desc > .autopayDetails {
    opacity: 0.65;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table  > .media-right .loansEnrolled {
    margin-bottom: 10px;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table  > .media-right .loansEnrolled > div:first-child  {
    font-style: italic;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table a {
    border:0;
    color: #0079BC;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table a.contract-view-mortgage-interest-statement-link {
    display: block;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table  .mediaTitle {
    margin-bottom: 5px;
    font-family: Avenir,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;

}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-right {
    border: 0;
    padding-left: 20px;
    margin-right: 20px;
}

/* Loan Details */

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table .loanDetails {
    margin-bottom: 4px;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table td {
    padding: 0;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table td:first-child {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    font-weight: 600;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table .loanDetails tbody tr > td:first-child {
    max-width: 140px;
    min-width: 95px;
    padding-left: 0;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table .loanDetails tbody tr > td {
    max-width: 150px;
    min-width: 105px;
    word-break: break-all;
    padding-left: 5px;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-body {
    width: 50%;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-right {
    width: 50%;
}

/* Tablet */

@media screen and (max-width: 840px) {
    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-body,
    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-right {
        display: block;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-body {
        margin-bottom: 25px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-right {
        margin-right: 0;
        padding-left: 0;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table .loanDetails tbody tr > td:first-child {
        width: 125px;
        padding-right: 5px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table .loanDetails tbody tr > td:first-child {
        min-width: 100px!important;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-body,
    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-right {
        width: 65%;
    }

    #loansPage .membershipListAccordion .membershipCTAGroup .membershipCTA {
        padding: 35px 10px 30px;
    }
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #loansPage .membershipListAccordion .contractInfoSection {
        padding: 0 5px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-left {
        padding-right: 10px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body .loansContract {
        margin-bottom: 20px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body .loansContract > span {
        display: block;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table> .media-body > .loansContractDetails > .resort {
       max-width: 220px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-left .loansPayOff > span {
       font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
       font-size: 14px;
       line-height: 20px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li.list-group-item > .media-table {
        padding-bottom: 0;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-left {
        margin-bottom: 30px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-body {
        width: auto;
        margin-bottom: 25px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-right {
        width: auto;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-body,
    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-right {
        display: block;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-right {
        padding: 0;
        margin-bottom: 30px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table > .media-right {
        margin-right: 0;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .loansContractDetails > .loansContract {
        margin-bottom: 20px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table .lead {
        margin-bottom: 10px;
        margin-top: 0;
        line-height: 35px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table .loansDuedate {
       font-family: Avenir-roman,Helvetica,Arial,sans-serif;
       font-size: 14px;
       line-height: 20px;
       margin-bottom: 10px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table .loansPayOff {
        margin-bottom: 5px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table .loansEnrolled {
        margin-bottom: 10px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table .loansEnrolled > div:last-child {
        color: #78899e;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table .loansEnrolled > div:first-child {
        font-style: italic;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table .loansWebPayment {
        margin-bottom: 10px;
    }

    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table .loanDetails tbody tr > td:first-child {
        width: 125px;
        padding-right: 5px;
    }
}

/* Loan Details Infotable */

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table .loanDetailsInfotable {
    margin-bottom: 4px;
    max-width: 100%;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table .loanDetailsInfotable .dp-table-cell {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 150px;
    min-width: 105px;
    word-break: break-all;
    padding-left: 5px;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table .loanDetailsInfotable .dp-table-cell:first-child {
    font-weight: 600;
    max-width: 140px;
    min-width: 115px;
    padding-left: 0;
}

/* Tablet */
@media screen and (max-width: 840px) {
    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table .loanDetailsInfotable .dp-table-cell:first-child {
        width: 125px;
        padding-right: 5px;
    }
}

/* Mobile only */
@media screen and (max-width: 767px) {
    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body > .media-table .loanDetailsInfotable .dp-table-cell:first-child {
        width: 125px;
        padding-right: 5px;
    }
}


/* Alerts */

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body .has-error {
    margin-top: 25px;
    margin-bottom: 4px;
}

@media screen and (max-width: 767px) {
    #loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .media-table > .media-body .has-error {
        margin-bottom: 25px;
        max-width: 320px;
    }
}

/* No Loans Found */

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .noResultsFound {
    text-align: center;
    max-width: 710px;
    margin: auto;
    padding: 11px 0 19px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#loansPage .membershipListAccordion .contractInfoSection .loansContractActivityList ul > li > .noResultsFound > h3 {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 10px;
    font-weight: 600;
}

/**************************************************
 * Loans Autopay Modal Page - loans-autopay-modal.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: MACAK009 $
 * $Revision: #26 $
 * $Change: 1647477 $
 * $Date: 2016/11/07 $
 **************************************************/

#loansAutopayModal .modal-middle {
    max-width: 660px;
}

#loansAutopayModal .modal-header .modal-header-inner {
    padding: 0;
}

#loansAutopayModal .modal-title {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 15px;
}

#loansAutopayModal .modal-title small {
    margin-top: 16px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px; 
}

#loansAutopayModal .modal-body {
    padding: 0;
}

#loansAutopayModal .modal-footer {
    padding-right: 29px;
}

#loansAutopayModal .dvcss-hr-faded {
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#dfdfdf 5%,#dfdfdf 95%,hsla(0,0%,100%,0));
}

#loansAutopayModal .modal-footer .btn-wrapper .btn {
    min-width: 160px;
}

#loansAutopayModal .modal-footer .btn-wrapper + .btn-wrapper > .btn {
    margin-left: 15px;
    margin-bottom: 0;
}

#loansAutopayModal section {
 	padding: 0 30px;
 }
 
#loansAutopayModal .modal-body section.draftFrequencySection {
	padding: 0;
}

#loansAutopayModal .modal-body section.draftFrequencySection .section-header,
#loansAutopayModal .modal-body section.draftFrequencySection .paymentErrorContainer,
#loansAutopayModal .modal-body section.draftFrequencySection  .contractInfo
{
	padding: 0 30px;
}

#loansAutopayModal .modal-body section.draftFrequencySection  .dvcss-form{
    padding: 30px;
    background: #EBF6FC;
	font-size: 18.01px;
}

#loansAutopayModal .modal-body section.draftFrequencySection  .dvcss-form .form-row{
	margin: 0;
}

#loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox .rich-checkbox{
	background: none; 
}

#loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox .rich-checkbox.unselected{
    margin: 6px;
    width: 20px;
    height: 20px;
    transition: transform 0.28s ease;
    border-radius: 3px;
    border: 2px solid #A7ACB5;
} 

#loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox .rich-checkbox.selected{
	margin: 6px;
	color: #61941B;
    background: #61941B;
    border: 2px solid #61941B;
	border-radius: 3px;
	-moz-border-radius: 3px;
} 
 

#loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox .rich-checkbox.selected:after {
    content: '';
    display: block;
    width: 14px;
    height: 6px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0); 
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1); 
    margin: 3px 0px 0px 1px;
}
#loansAutopayModal .select-toggle:after{
	/* top: 24%; */ 
}

#loansAutopayModal .confirmAuthorizePaymentSection .monthlyPayment  > div {
	font-size: 12px;
}
#loansAutopayModal .confirmAuthorizePaymentSection .monthlyPayment  > .amount {
	font-size: 28px;
}
#loansAutopayModal .draftFrequencySection .contractInfo .contractIcon{
	float: left;
	margin-top: 0;
	margin-right: 10px;
}
#loansAutopayModal .draftFrequencySection .contractInfo .amountPrice{
    font-size: 18.01px;
    font-family: Avenir-light;
    padding: 6px 0 0 0;
}
#loansAutopayModal .editAutopayFormStatic.media-table > .media-body, 
#loansAutopayModal .editAutopayFormStatic.media-table > .media-left, 
#loansAutopayModal .editAutopayFormStatic.media-table > .media-right{
	display: inline-block;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    #loansAutopayModal .modal-content {
        overflow-x: hidden;
    }

    #loansAutopayModal .modal-header {
        padding: 15px 19px 0;
    }

    #loansAutopayModal .modal-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    #loansAutopayModal .modal-title small {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        margin-top: 10px;
        padding-left: 10px;
    }

    #loansAutopayModal .modal-body {
        padding: 0;
    }

    /* Modal Footer */
    
    #loansAutopayModal .modal-footer {
        padding: 0;
    }
    
    #loansAutopayModal .modal-footer .dvcss-hr-faded {
        display: none;
    }
    
    #loansAutopayModal .modal-footer .modal-footer-body {
        padding: 20px !important;
    }
    
    #loansAutopayModal .modal-footer .modal-footer-body .modal-footer-inner {
        display: block;
        border-collapse: collapse;
        border-spacing: 0;
        margin: 0;
        padding: 0;
        width: auto;
    }
    
    #loansAutopayModal .modal-footer .modal-footer-inner > .btn-wrapper:first-child {
        display: block;
        float: left;
        padding-right: 10px;
        width: 35%;
    }
    
    #loansAutopayModal .modal-footer .modal-footer-inner > .btn-wrapper:last-child {
        display: block;
        float: none;
        overflow: hidden;
        width: auto;
        padding: 0;
    }
    
    #loansAutopayModal .modal-footer .modal-footer-inner > .btn-wrapper > .btn {
        width: 100%;
        min-width: 0;
    }
    
    #loansAutopayModal .modal-footer .modal-footer-inner > .btn-wrapper:last-child > .btn {
        margin-left: 0;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

/*
|-----------------------------------------------------------------------------------------------
| Section General Styles
|-----------------------------------------------------------------------------------------------
|
*/

#loansAutopayModal .section-inner {
    padding: 30px 0 40px;
}

#loansAutopayModal .section-title {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 10px;
    max-width: 415px;
}

#loansAutopayModal .section-header p {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    max-width: 415px;
}

/* Mobile only */

@media screen and (max-width: 767px) {

    #loansAutopayModal .section-header p {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 15px;
        max-width: none;
    }

    #loansAutopayModal .section-title {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        max-width: none;
    }
	
	#loansAutopayModal .confirmAuthorizePaymentSection .monthlyPayment  > div ,
	#loansAutopayModal .confirmAuthorizePaymentSection .monthlyPayment  > .amount{
		display: none;
	} 
	.dvcss-form .form-control-static{
		font-size: 20px;
	}
	#loansAutopayModal .select-toggle:after {
		/* top: 30%; */
	}
	#loansAutopayModal .draftFrequencySection .contractInfo .amountPayment{
		margin-top: 65px;
	}
	#loansAutopayModal .draftFrequencySection .contractInfo .contract-label{
		font-size: 18px;
		margin: 0 !important;
	}
	#loansAutopayModal .draftFrequencySection .contractInfo .contractIcon{ 
		margin-top: 5px; 
	}
	#loansAutopayModal .draftFrequencySection .contractInfo .contract-label strong{
		font-weight: normal !important;
	}
	.dvcPanelForm .dvcss-panel-form-alert .dvcss-form-list{
		margin-top: 10px;
		margin-bottom: 30px;
	}
	#loansAutopayModal .paymentMethodSection {
		padding: 19px 19px 20px !important;
	}
}


/*
|----------------------------------------------------------------------------------------------
| Draft Frequency Section
|-----------------------------------------------------------------------------------------------
|
*/

#loansAutopayModal .draftFrequencySection .section-inner {
    padding-top: 0;
    padding-bottom: 40px;
}

#loansAutopayModal .draftFrequencySection .section-header {
    margin-bottom: 25px;
}

/*** Form ***/

#loansAutopayModal .draftFrequencySection .form-inline .form-group label {
    display: block;
}


#loansAutopayModal .draftFrequencySection .form-inline .formInputElement .selectBox {
    width: 170px;
}

#loansAutopayModal .draftFrequencySection .form-inline .formInputElement .selectBox.monthly {
    width: 100px;
}

#loansAutopayModal .draftFrequencySection .form-inline .form-group {
    margin-right: 16px;
}

#loansAutopayModal .draftFrequencySection .form-inline .form-row .form-group:first-child {   
    width: 170px;
}

#loansAutopayModal .draftFrequencySection .form-inline .form-row .form-group {   
    width: 150px;
}

/* Desktop / Tablet only */

@media screen and (min-width: 768px) {

    #loansAutopayModal .draftFrequencySection .form-inline .form-group {
        margin-right: 18px;
		padding-right: 60px;
    }

    #loansAutopayModal .form-group.tablet-row #cvv-label,
    #loansAutopayModal .form-group.tablet-row .uiToolTip {
        display: none;
    }
}

/* Mobile only */

@media screen and (max-width: 767px) {

    #loansAutopayModal .draftFrequencySection .section-inner {
        padding-bottom: 35px;
    }
    
    #loansAutopayModal .draftFrequencySection .form-inline .form-group {
        margin-right: 0;
    }
    
    #loansAutopayModal .draftFrequencySection .form-inline .form-row {
        margin-right: -4px;
        margin-left: -4px;
    }

    #loansAutopayModal .draftFrequencySection .form-inline .form-row:before,
    #loansAutopayModal .draftFrequencySection .form-inline .form-row:after {
        display: table;
        content: " ";
    }

    #loansAutopayModal .draftFrequencySection .form-inline .form-row:after {
        clear: both;
    }

    #loansAutopayModal .draftFrequencySection .form-inline .form-row .form-group {
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 6px;
        padding-left: 6px;
        width: 40%;
    }

    #loansAutopayModal .draftFrequencySection .form-inline .form-row .form-group:first-child {
        width: 60%;
    }

    #loansAutopayModal .draftFrequencySection .form-inline .formInputElement .selectBox {
        width: 100%;
    }
	
	#loansAutopayModal .modal-body section.draftFrequencySection .contractInfo, 
	#loansAutopayModal .modal-body section.draftFrequencySection .paymentErrorContainer, 
	#loansAutopayModal .modal-body section.draftFrequencySection .section-header,
	#loansAutopayModal section	{
		padding: 0 20px;
	}
}

/*** Edit Autopay Static ***/

#loansAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic {
    margin-bottom: -5px;
}

#loansAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic > .media-right {
    padding: 30px 30px 30px;
}

#loansAutopayModal .suspendAutoPayLink,
#loansAutopayModal .cancelSuspendAutoPayLink{
	padding: 20px 30px;
}

#loansAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic > .media-right a {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#loansAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic .form-inline .form-row {
    margin-bottom: 0;
}

#loansAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic .form-inline .form-group .control-label {
    display: block;
    color: #253b56;
    font-family: Avenir-black, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 7px;
}

#loansAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic .form-inline .form-group .form-control-static {
    display: block;
    padding: 0;
    color: #253b56;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 100;
    line-height: 25px;
}

/* Mobile only */

@media screen and (max-width: 767px) {
    
    #loansAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic > .media-body {
        display: block;
    }

    #loansAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic > .media-right {
        display: block;
        padding-top: 30px;
        padding-left: 30px;
    }

    #loansAutopayModal .draftFrequencySection .section-body > .editAutopayFormStatic .form-inline .form-row .form-group:first-child {
        width: 60%;
    }
	
	#loansAutopayModal .suspendAutoPayLink,
	#loansAutopayModal .cancelSuspendAutoPayLink{
		padding: 20px;
	}
	#loansAutopayModal .modal-body section.draftFrequencySection .dvcss-form{
		padding: 20px;
	}
}

/*** Contract Info ***/

#loansAutopayModal .draftFrequencySection .contractInfo {
    margin-top: 35px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#loansAutopayModal .draftFrequencySection .contractInfo > .media > .media-body {
    padding-top: 5px;
}

#loansAutopayModal .draftFrequencySection .contractInfo > .media > .media-body strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-weight: 600;
}

#loansAutopayModal .draftFrequencySection .contractInfo > .media > .media-right {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}

#loansAutopayModal .draftFrequencySection .contractInfo > .media > .media-right > .monthlyPayment > div {
    margin-bottom: 7px;
}

#loansAutopayModal .draftFrequencySection .contractInfo > .media > .media-right strong {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 18.01px;
    line-height: 25px;
	font-weight: normal;
}

/* Mobile only */

@media screen and (max-width: 767px) {
    #loansAutopayModal .draftFrequencySection .contractInfo {
        margin-top: 25px;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    #loansAutopayModal .draftFrequencySection .contractInfo > .media > .media-body {
        padding-top: 0;
    }

    #loansAutopayModal .draftFrequencySection .contractInfo > .media > .media-body > div + div {
        margin-top: 25px;
    }

    #loansAutopayModal .draftFrequencySection .contractInfo > .media > .media-body strong {
        display: block;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-weight: 600;
    }

    #loansAutopayModal .draftFrequencySection .contractInfo > .media > .media-right {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
    }

    #loansAutopayModal .draftFrequencySection .contractInfo > .media > .media-right strong {
        display: block;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 20px;
        line-height: 30px;
        margin-top: 10px;
    }
	
	#loansAutopayModal .draftFrequencySection .contractInfo > .media > .media-right > .monthlyPayment > div{
		font-family: Avenir-roman,Helvetica,Arial,sans-serif;
		font-weight: 600;
		font-size: 14px;
	}

}


/*
|-----------------------------------------------------------------------------------------------
| Payment Method Section
|-----------------------------------------------------------------------------------------------
|
*/

#loansAutopayModal .paymentMethodSection {
    padding: 30px 30px 40px;
}

#loansAutopayModal .paymentMethodSection .panel-title {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18.01px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 15px;
    max-width: 415px;
}

#loansAutopayModal .paymentMethodSection .panel-heading {
    padding: 0;
}

#loansAutopayModal .paymentMethodSection .panel-heading > div,
#loansAutopayModal .paymentMethodSection .panel-heading p {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    max-width: 415px;
}



#loansAutopayModal .paymentMethodSection .panel-body {
    padding: 12px 0 0;
}


#loansAutopayModal .paymentMethodSection .dvcss-panel-form-fieldset {
    margin-top: 0;
    padding-bottom: 0;
}

#loansAutopayModal .paymentMethodSection .dvcss-panel-form-fieldset .fieldset-header {
    margin-bottom: 17px;
}

/*** Footer ***/

#loansAutopayModal .paymentMethodSection .panel-footer {
    background-color: transparent;
    border-top: 0 solid #ddd;
    border-radius: 0;
    font-family: Avenir-light,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin-top: 13px;
}

#loansAutopayModal .modal-footer-faded .modal-footer-body {
    padding: 5px 0;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #loansAutopayModal .paymentMethodSection {
        padding: 0 19px;
    }

    #loansAutopayModal .paymentMethodSection .panel-heading {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 15px;
    }

    #loansAutopayModal .paymentMethodSection .panel-title {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        max-width: none;
    }

    #loansAutopayModal .paymentMethodSection .panel-body {
        padding: 25px 0 15px;
    }

    #loansAutopayModal .paymentMethodSection .panel-footer {
        margin-top: 0;
        margin-bottom: 14px;
    }

}




/*
|-----------------------------------------------------------------------------------------------
| Payment Method Section
|-----------------------------------------------------------------------------------------------
|
*/

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-legend .h5 {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 20px;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-legend .form-object {
    margin-bottom: 57px;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-legend .form-object img {
    min-height: 0;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-inline .form-row .form-group label {
    display: none;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-label .media {
    overflow: visible;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-label .media-right label {
    display: inline-block;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-label label.hasErrors {
    color: #ff4605;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .uiToolTip {
    white-space: nowrap;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .ccInfoFormRow .media-body .uiToolTip {
    top: 0;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .form-group {
    margin-right: 0;
    margin-bottom: 0;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-table {
    display: table;
    width: 100%;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-body,
#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-left {
    vertical-align: top;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-left {
    padding-right: 10px;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-left .formInputElement {
    margin-bottom: 0!important;
    white-space: nowrap;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-left .formInputElement .selectBox,
#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-left .formInputElement .selectBox .inputElement {
    width: 75px;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-body .form-group {
    display: block;
    margin-right: 0;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-body .formInputElement {
    display: block;
    margin-right: 0;
    margin-bottom: 0!important;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .formInputElement {
    width: 100%;
}


#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .formInputElement .selectBox {
    width: 100%;
}


#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .dvcpaymentMethodSectionCcOnFile .formInputElement .textInput input {
    width: 75px !important;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .uiToolTip {
    white-space: normal;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .help-block {
	position: relative;
	top: -6px;
	margin-top: 5px;
	color: #233345;
	font-family: Avenir-roman,Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: 100;
	line-height: 15px;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .stateZipFormRow .formInputElement {
    margin-bottom: 0!important;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .stateZipFormRow .dvcss-row {
    margin-left: -6px;
    margin-right: -6px;
}

#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .stateZipFormRow .dvcss-row > .col-sm-6 {
    padding-left: 6px;
    padding-right: 6px;
}

/* Mobile only */

@media screen and (max-width: 767px) {

    #loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-legend .h5 {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 10px;
    }

    #loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-legend .form-object {
        margin-bottom: 14px;
    }

    #loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-group label {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
    }

    #loansAutopayModal .paymentMethodSection .paymentMethodFormElements .help-block {
        top: -1px;
        margin-top: 0;
    }

    #loansAutopayModal .paymentMethodSection .paymentMethodFormElements .formInputElement {
        margin-bottom: 25px!important;
    }

    #loansAutopayModal .paymentMethodSection .paymentMethodFormElements .stateZipFormRow .formInputElement {
        margin-bottom: 25px!important;
    }
    
    #loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-body,
    #loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-left {
        width: 33.3%;
    }
    
    #loansAutopayModal .paymentMethodSection .paymentMethodFormElements .dvcss-form .media > .media-right {
        width: 33.3%;
        position: relative;
    }
    
    #loansAutopayModal .paymentMethodSection .paymentMethodFormElements .form-row .media-left .formInputElement .selectBox {
        width: 100%;
    }
    
    #loansAutopayModal .paymentMethodSection .paymentMethodFormElements .PaymentMethodCcFormFields .form-group-inline {
        position: relative;
    }
    
    #loansAutopayModal .paymentMethodSection .paymentMethodFormElements .PaymentMethodCcFormFields .form-group-inline .uiToolTip {
        position: absolute;
        top: -33px;
        left: 256px;
    }
       

}

/*
|-----------------------------------------------------------------------------------------------
| Confirm Authorize Payment Section
|-----------------------------------------------------------------------------------------------
|
*/

#loansAutopayModal .confirmAuthorizePaymentSection .section-inner {
    padding-bottom: 30px;
}

#loansAutopayModal .confirmAuthorizePaymentSection .section-inner > .media-table > .media-right {
    padding-left: 30px;
}

/*** Checkbox ***/

#loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox {
    overflow: visible;
    margin-top: 15px;
}

#loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox > .media-left {
    margin-right: 8px;
}

#loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox > .media-body {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

#loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox .richCheckBox {
    position: relative;
    top: -3px;
}

/* Mobile only */

@media screen and (max-width: 767px) {
   
   #loansAutopayModal .confirmAuthorizePaymentSection {
        /* margin-top: 35px; */
    }

    #loansAutopayModal .confirmAuthorizePaymentSection .section-inner {
        padding-bottom: 9px;
    }

    #loansAutopayModal .confirmAuthorizePaymentSection .section-inner > .media-table > .media-body,
    #loansAutopayModal .confirmAuthorizePaymentSection .section-inner > .media-table > .media-right {
        display: block;
    }

    #loansAutopayModal .confirmAuthorizePaymentSection .section-inner > .media-table > .media-right {
        margin-top: 25px;
        padding-left: 0;
        text-align: left;
    }

    #loansAutopayModal .confirmAuthorizePaymentSection .section-inner > .media-table > .media-right .uiToolTip {
        top: -4px;
    }


    #loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox {
        margin-top: 25px;
    }


    #loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentCheckbox > .media-body {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 15px;
    }

}



/*** Total Summary ***/

#loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 7px;
    max-width: 135px;
    width: 135px;
}

#loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary > .media-table {
    display: table;
    width: 100%;
    margin-bottom: 7px;
    width: 135px;
}

#loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary > .media-table > .media-body {
    white-space: normal;
    word-break: break-word;
}

#loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary > .media-table > .media-body .annualPayment.monthlyPayment > div {
    margin-bottom: 7px;
}


#loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary > .media-table > .media-right {
    padding-left: 0;
}



#loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary strong {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    line-height: 35px;
}
/* Mobile only */

@media screen and (max-width: 767px) {
    #loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary {
        max-width: none;
        width: auto;
    }

    #loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary > .media-table {
        margin-bottom: -1px;
        width: auto;
    }

    #loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary > .media-table > .media-body {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
        width: auto;
    }

    #loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary > .media-table > .media-body .annualPayment.monthlyPayment > div {
        margin-bottom: 5px;
    } 

    #loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary > .media-table > .media-body > div {
        display: inline-block;
    }

    #loansAutopayModal .confirmAuthorizePaymentSection .confirmAuthorizePaymentTotalSummary strong {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 28px;
        font-weight: 100;
        line-height: 35px;
    }

}


/**

|-----------------------------------------------------------------------------------------------

| Credit Card on File

|-----------------------------------------------------------------------------------------------

|

*/



#loansAutopayModal .dvcpaymentMethodSectionCcOnFile {
    margin-top: -7px;
    margin-bottom: 7px;
}



/* Mobile only */

@media screen and (max-width: 767px) {

    #loansAutopayModal .dvcpaymentMethodSectionCcOnFile {
        margin-top: -22px;
        margin-bottom: -15px;
    }

}


/**
|-----------------------------------------------------------------------------------------------
| Bank Account Form
|-----------------------------------------------------------------------------------------------
|
*/

#loansAutopayModal .paymentMethodSectionBankAccountForm {
    margin-top: -6px;
}



#loansAutopayModal .paymentMethodSectionBankAccountForm .fieldset-body > .dvcss-row {
    margin-left: -30px;
    margin-right: -30px;
}

#loansAutopayModal .paymentMethodSectionBankAccountForm .fieldset-col {
    padding-left: 30px;
    padding-right: 30px;
}


/* Mobile only */
@media screen and (max-width: 767px) {

    #loansAutopayModal .paymentMethodSectionBankAccountForm {
        margin-top: -26px;
    }
}

/**
|-----------------------------------------------------------------------------------------------
| Bank Account Form
|-----------------------------------------------------------------------------------------------
|
*/

#loansAutopayModal .duesAutopayBankAccountOnFile {
    padding-top: 11px;
    margin-bottom: -5px;
}

#loansAutopayModal .duesAutopayBankAccountOnFile .form-group + .form-group {
    margin-left: 30px;
}

#loansAutopayModal .duesAutopayBankAccountOnFile .text-group .control-label {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

#loansAutopayModal .duesAutopayBankAccountOnFile .text-group .form-control-static,
#loansAutopayModal .duesAutopayBankAccountOnFile .text-group .help-block, 
#loansAutopayModal .paymentMethodSection .paymentMethodFormElements .help-block{
    padding: 0;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#loansAutopayModal .duesAutopayBankAccountOnFile .text-group .help-block {
    top: 0;
    margin: 0;
    color: #78899e;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    #loansAutopayModal .duesAutopayBankAccountOnFile {
        padding-top: 1px;
        padding-bottom: 19px;
        margin-bottom: 0;
    }
    
    #loansAutopayModal .duesAutopayBankAccountOnFile .form-group + .form-group {
        margin-top: 10px;
        margin-left: 0;
    }
    
    #loansAutopayModal .duesAutopayBankAccountOnFile .text-group .control-label {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-weight: 600;
    }
    
    #loansAutopayModal .duesAutopayBankAccountOnFile .text-group .form-control-static {
        font-family: Avenir, Helvetica, Arial, sans-serif;
    }

    #loansAutopayModal .duesAutopayBankAccountOnFile .text-group .help-block {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 100;
        line-height: 20px;
    }
}


/*
|-----------------------------------------------------------------------------------------------
| Loading
|-----------------------------------------------------------------------------------------------
|
*/

#loansAutopayModal .is-loading-shown {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;

}

#loansAutopayModal .is-loading-shown .is-loading-mask {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    background: #fff;
    border-radius: 12px;
    opacity: .5;
}

#loansAutopayModal .is-loading-shown img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin-top: -50px;
    margin-left: -50px;
}

/*
|-----------------------------------------------------------------------------------------------
| Inline Errors
|-----------------------------------------------------------------------------------------------
|
*/

#loansAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error {
    margin-bottom: 30px;
}

#loansAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error .dvcss-form-list-left {
    float: left;
    margin-right: 6px;
}

#loansAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error .dvcss-form-list-left > i {
    top: -8px;
    font-size: 21px;
}

#loansAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error .dvcss-form-list-body > .dvcss-form-list-title > h4 {
    margin-bottom: 8px;
    font-size: 14px;
    color: #ff4605;
}

#loansAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error .dvcss-form-list-body > .dvcss-form-list-title > ul {
    padding-left: 15px;
    margin-bottom: 10px;
}

#loansAutopayModal .draftFrequencySection .section-inner > .paymentErrorContainer .has-error .dvcss-form-list-body > .dvcss-form-list-title > ul > li {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}


/*
|-----------------------------------------------------------------------------------------------
| Suspend Autopay Section
|-----------------------------------------------------------------------------------------------
|
*/

#loansAutopayModal .suspendAutopaySection .section-inner {
    padding-bottom: 30px;
}

#loansAutopayModal .suspendAutopaySection .modal-title {
    max-width: 415px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    #loansAutopayModal .suspendAutopaySection .modal-title {
        max-width: none;
    }
}

/**************************************************
 * Loans Payment Page - dues-autopay.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: MACAK009 $
 * $Revision: #18 $
 * $Change: 1647696 $
 * $Date: 2016/11/10 $
 **************************************************/

#loansAutopayPage .dvcPanelForm .dvcss-panel-form-main {
    border-bottom: 0;
    padding-top: 45px;
    border-top: 1px solid #ddd;
}

#loansAutopayPage .dvcPanelForm .dvcss-panel-form-main-single {
    padding: 5px;
}

#loansAutopayPage .dvcss-content-header {
    padding: 20px 20px 8px;
}

#loansAutopayPage .autopayItem {
    padding: 0 20px;
}

#loansAutopayPage .autopayItem.loansAutopayNotEnrolled {
    padding: 45px 20px 0;
}

#loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right > div:first-child {
    margin-bottom: 10px;
}

#loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > div > span {
    display: block;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    max-width: 600px;
}

#loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > .autopayContract {
    margin-bottom: 7px;
}

#loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > .autopayContract > h3,
#loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > .autopayContract > span {
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    display: inline-block;
    margin-bottom: 0;
}

#loansAutopayPage .autopayContractsList > .list-group-item {
    padding: 30px 0 35px;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #ddd; 
    border-top: 0;
    margin-bottom: 0;
}

#loansAutopayPage .autopayContractsList > .list-group-item:last-child {
    padding: 30px 0 47px;
    border-bottom: 0;
}

#loansAutopayPage .autopayContractsList > .list-group-item:first-child {
    border-top: 0;
    padding-top: 25px;
}

#loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right > div > small {
    display: block;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 4px;
}

#loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right > div > .lead {
    margin-top: 7px;
    margin-bottom: 0;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 30px;
}

#loansAutopayPage .autopayContractsList {
    margin: 0;
}

#loansAutopayPage .peptasia {
    font-size: 35px;
    line-height: 35px;
}

#loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right a {
    color: #00739a;
    border: 0;
}

#loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-left {
    padding-right: 25px;
    padding-left: 10px;
}

#loansAutopayPage  .autopayItem > h3 {
   margin-bottom: 10px;
   font-family: Avenir-roman,Helvetica,Arial,sans-serif;
   font-size: 18px;
   line-height: 25px;
}

#loansAutopayPage  .autopayItem > .media-table > .media-body > div > p {
    margin-bottom: 14px;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
}

#loansAutopayPage .autopayItem.loansAutopayNotEnrolled > .autopayContractsList > .list-group-item:last-child {
    border-bottom: 0;
}

#loansAutopayPage header .media-table > .media-body > div,
#loansAutopayPage .no-contracts-available .media-table > .media-body > div {
    max-width: 575px;
}

#loansAutopayPage .autopayItem > .autopayContractsList > .list-group-item > .media-table > .media-right {
    padding-left: 30px;
}

#loansAutopayPage .autopayItem > .autopayContractsList > .list-group-item > .media-table > .media-right > button {
    min-width: 166px;
}

#loansAutopayPage .checkbox label {
    padding-left: 3px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

#loansAutopayPage .dvcPanelForm .dvcss-panel-form-area {
    margin-top: 15px;
    padding: 0 20px;
    margin-bottom: 25px;
}

#loansAutopayPage #loansAutopay .dvcss-panel-form-main.less {
    padding-top: 43px;
}

#loansAutopayPage .autopayItem header h3 ,
#loansAutopayPage .autopayItem header .media-table .media-body div p {
   margin-bottom: 15px;
}

#loansAutopayPage .loansAutopayContainer .select-all-checkbox{
	font-size: 14px;
    color: #1994D7;
    font-family: Avenir-heavy;
    text-decoration: none;
}
.dvcss-form.form-inline .form-label, .dvcss-form.form-inline label{
	color: #233345;
	font-family: Avenir-black;
}
#loansAutopayPage .loansAutopayContainer  .autopaySubmitContainer{
    width: 223px;
	height: 44px;
    margin: 0 0 10px 0;
}

#loansAutopayPage .autopayItem input[type="checkbox"] {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
    margin-left: -20px;
}

#loansAutopayPage .autopayItem .helper {
    position: absolute;
    top: -4px;
    left: -4px;
    cursor: pointer;
    display: block;
    font-size: 16px;
    user-select: none;
    color: #e7e7e7;
}

#loansAutopayPage .autopayItem .helper:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 6px;
    width: 20px;
    height: 20px;
    transition: transform 0.28s ease;
    border-radius: 3px;
	-moz-border-radius: 3px;
    border: 2px solid #A7ACB5; 
}

#loansAutopayPage .autopayItem  .disabled .helper:before {
	opacity: 0.4;
}

#loansAutopayPage .autopayItem .helper:after {
	content: '';
    display: block;
    width: 14px;
    height: 6px;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    position: absolute;
    top: 12px;
    left: 9px;
}

#loansAutopayPage .autopayItem input[type="checkbox"]:checked ~ .helper::before {
    color: #61941B;
	background: #61941B;
	border: 2px solid #61941B;
}

#loansAutopayPage .autopayItem input[type="checkbox"]:checked ~ .helper::after {
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}

#loansAutopayPage .autopayItem input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}

/* #loansAutopayPage .select-toggle:after{
    content: "\e316";
    font-family: pepmdx2!important;
    position: absolute;
	top: -1px;
    right: 5px;
    font-size: 17px;
    color: #7B8C9B;
} */ 

#loansAutopayPage .selectContainer{
	margin-top: 12px;
}


/*No Contracts Available*/

#loansAutopayPage .no-contracts-available {
    padding: 0px 20px 50px;
    margin-top: -2px;
}

#loansAutopayPage .no-contracts-available  p {
    margin: 0;
}

/*============= Divider =============== */

#loansAutopayPage .loansAutopayContainer .dvcss-panel-divider {
    margin: 0 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 45px;
}


/* Mobile only */
@media screen and (max-width: 767px) {
    #loansAutopayPage .dvcss-content-header {
        padding: 13px 20px 8px;
    }

    #loansAutopayPage .dvcPanelForm .dvcss-panel-form-main {
        padding-top: 30px;
    }

    #loansAutopayPage .dvcPanelForm .dvcss-panel-form-main-single {
        padding: 0;
        margin-bottom: 5px;
    }

    #loansAutopayPage .autopayItem  {
        padding: 0 15px;
    }

    #loansAutopayPage .autopayContractsList >.list-group-item {
        padding: 35px 0 20px;
    }

    #loansAutopayPage .autopayItem > .autopayContractsList > .list-group-item > .media-table > .media-right {
        display: block;
        text-align: left;
        padding-left: 0;
        margin-top: 40px;
    }

    #loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-left {
        padding-left: 0;
        padding-right: 15px;
    }

    #loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > .autopayContract {
        margin-bottom: 20px;
    }

    #loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > .autopayContract > span {
        display: block;
        margin-bottom: 0;
    }

    #loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > div > span {
        margin-bottom: 10px;
    }

    #loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > div > span:last-child {
        margin-bottom: 0px;
    }

    #loansAutopayPage .autopayItem.loansAutopayNotEnrolled > .list-group > .list-group-item > .media-table > .media-right {
        padding: 0;
        margin-top: 35px;
    }

    #loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right > div > small,
    #loansAutopayPage .autopayContractsList >.list-group-item>.media-table > .media-right a   {
        font-size: 14px;
    }

    #loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right > div > small {
        margin: 0;
    }

    #loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right > div > .lead {
        margin-top: 10px;
    }

    #loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right > div {
       margin-left: 54px;
    }

    #loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-right > div:first-child {
        margin-bottom: 20px;
    }

    #loansAutopayPage .autopayContractsList > .list-group-item:first-child {
        padding-top: 20px;
    }

    #loansAutopayPage .autopayItem > header > h3 {
        margin-bottom: 10px;
    }

    #loansAutopayPage .autopayItem header > .media-table > .media-body> div > p  {
        margin: 0;
    }

    #loansAutopayPage .dvcPanelForm .dvcss-panel-form-area {
        margin-top: -8px;
        padding: 0 15px;
        margin-bottom: 25px;
    }

    #loansAutopayPage .no-contracts-available {
        padding-top: 30px;
    }

    #loansAutopayPage .no-contracts-available {
        padding: 30px 15px 50px;
    }
}

/* ============ Error Message ================ */

#loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > .dvcss-form-list.has-error {
    margin-top: 25px;
}

#loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > .dvcss-form-list.has-error > .dvcss-form-list-left > i {
    top: -2px;
    font-size: 21px;
}

#loansAutopayPage .autopayContractsList > .list-group-item > .media-table > .media-body > .dvcss-form-list.has-error > .dvcss-form-list-body {
    margin-top: 7px;
}

#loansAutopayPage #loansAutopay .autopayItem.loansAutopayNotEnrolled:not(.enrolled) {
    padding-top: 0!important;
}

/* ============ Done Button ================ */

#loansAutopayPage .loansAutopayContainer .returnButtonWrapper {
    padding: 20px;
    text-align: right;
    margin-top: -45px;
}

#loansAutopayPage .loansAutopayContainer .returnButtonWrapper .btn {
    width: auto;
}

/* Mobile */

@media screen and (max-width: 767px) { 
    
    #loansAutopayPage .loansAutopayContainer .returnButtonWrapper .btn,
	#loansAutopayPage .loansAutopayContainer   .autopaySubmitContainer	{
        width: 100%;
    }
	#loansAutopayPage .autopayContractsList>.list-group-item>.media-table>.media-right>div{
		margin-left: 34px;
    }
    #loansAutopayPage .paymentMethodSection .dvcss-panel-form-fieldset .fieldset-header {
        position: relative;
    }
    #loansAutopayPage .selectBox.status-open .listWrapper  {
        z-index: 1001; 
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-overflow-scrolling: auto !important;
    }
    #loansAutopayPage #wdpr-payment-sheet {
        z-index: 1000; 
        -webkit-overflow-scrolling: touch; 
        overflow: auto;
    }
}

/**************************************************
 * Loans Payment Page - loans-payment.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: MACAK009 $
 * $Revision: #23 $
 * $Change: 1647378 $
 * $Date: 2016/11/04 $
 **************************************************/

/**
 *----------------------------------------------------------------------------------------------
 * Header
 *----------------------------------------------------------------------------------------------
 *
 */

#loansPaymentPage .dvcss-content-header {
    padding: 15px 25px 8px;
}

#loansPaymentPage .dvcss-content-header .dvcss-content-text {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
    max-width: 529px;
}

/* Mobile only */

@media screen and (max-width: 767px) {
    #loansPaymentPage .dvcss-content-header {
        padding-left: 10px;
        padding-right: 10px;
    }

    #loansPaymentPage .dvcss-content-header .dvcss-content-text {
        margin-top: 0;
        max-width: none;
    }
}

/**
 *----------------------------------------------------------------------------------------------
 * Body
 *----------------------------------------------------------------------------------------------
 *
 */

#loansPaymentPage .loansPaymentMain {
    padding: 0 20px;
}

/* Mobile only */

@media screen and (max-width: 767px) {
    #loansPaymentPage .loansPaymentMain {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/**
 *----------------------------------------------------------------------------------------------
 * Aside
 *----------------------------------------------------------------------------------------------
 *
 */

#loansPaymentPage aside .panel-footer .panel-meta div {
    width: 125px;
}

#loansPaymentPage aside .panel-footer .media-body > strong {
   vertical-align: top;
}

#loansPaymentPage aside .panel-footer .media-right > strong {
   display: inline;
}

#loansPaymentPage .label-radio {
    display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:row;
}

#loansPaymentPage .label-radio .flex-left {
    -webkit-flex:1;
    -webkit-box-flex:1;
    -moz-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
}

#loansPaymentPage .dvcss-pull-right .input-group {
    display: inline-block;
}

#loansPaymentPage .dvcPanelForm .label-radio .input-group .formInputElement {
    margin: 0;
}

#loansPaymentPage .dvcPanelForm .label-radio .input-group .formInputElement .inputElement {
    min-height: 0;
}

#loansPaymentPage .dvcPanelForm .label-radio .input-group .formInputElement input {
    width: 80px;
    margin: 1px 0 0;
}

#loansPaymentPage .dvcPanelForm .label-radio .list-group .list-group-item {
    padding: 25px 0px 30px;
}

#loansPaymentPage .label-radio .radio {
    display: inline-block;
}

#loansPaymentPage .label-radio .input-group-addon {
    position: absolute;
    top: 7px;
    right: 90px;
    background: none;
    border: 0;
    display: inline-block;
    line-height: 20px;
    padding: 0;
    width: auto;
}

/* Mobile only */

@media screen and (max-width: 767px) {
    #loansPaymentPage .label-radio .input-group {
        margin-top: -10px;
    }

    #loansPaymentPage .label-radio .input-group .input-group-addon {
        top: 10px;
        padding: 0;
    }

    #loansPaymentPage .label-radio .input-group .formInputElement input {
        margin: 0 0 6px;
    }
}

/* FPO Payment Method Disney Gift Card  */

#loansPaymentPage .dvcss-panel-form-fieldset .giftCardDisclaimer {
    margin-top: 6px;
    margin-bottom: 9px;
}

/* FPO Payment Method Redemption Card  */

#loansPaymentPage .dvcPanelForm .dvcss-panel-form-fieldset.rewardsCard {
    padding-bottom: 25px;
}

/**
 *----------------------------------------------------------------------------------------------
 * Loans Payment Modal
 *----------------------------------------------------------------------------------------------
 *
 */

#loansOverpaymentModal {
    text-align: center;
}

#loansOverpaymentModal .modal-header {
    padding: 60px 50px 0;
}

#loansOverpaymentModal .modal-header .modal-title {
    padding: 0 13px;
}

#loansOverpaymentModal .modal-body {
    padding-top: 0;
    padding-bottom: 60px;
}

#loansOverpaymentModal .modal-body > div {
    padding: 0 21px;
    line-height: 20px;
}

#loansOverpaymentModal .modal-footer .btn-cancel {
    border-radius: 4px;
    background: transparent;
    color: #00739a;
    border: 2px solid #00739a;
    font-size: 14px;
    box-shadow: none;
    padding: 8px 20px 8px;
    width: 160px;
    margin-right: 15px;
}

#loansOverpaymentModal .modal-footer .btn-success {
    padding: 10px 20px 10px;
    width: 160px;
}

#loansOverpaymentModal.dvcss-modal .modal-header-faded .modal-header-inner {
    padding: 0 0 25px;
}

#loansOverpaymentModal.dvcss-modal .modal-footer.modal-footer-faded {
    padding: 0 20px 20px;
}

#loansOverpaymentModal.dvcss-modal .modal-footer-faded .modal-footer-inner {
    padding: 20px 0 0;
}

#loansOverpaymentModal .dvcss-hr-faded {
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#dfdfdf 5%,#dfdfdf 95%,hsla(0,0%,100%,0)) repeat scroll 0 0 transparent;
}

/* Mobile only */

@media screen and (max-width: 767px) {
    #paymentModal .modal-header .modal-header-inner {
        padding-bottom: 30px;
    }

    #paymentModal .modal-header .modal-title {
        margin-bottom: 0;
    }

    #paymentModal .modal-body {
        padding-left: 20px;
        padding-right: 20px;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #paymentModal .modal-body > div {
        padding: 0;
    }

    #paymentModal .modal-footer .modal-footer-body {
        padding: 0 10px 10px;
    }

    #paymentModal .modal-footer .modal-footer-inner {
        padding-top: 10px;
        margin-left: -5px;
        margin-right: -5px;
    }

    #paymentModal .modal-footer .modal-footer-inner:before,
    #paymentModal .modal-footer .modal-footer-inner:after {
        display: table;
        content: " ";
    }

    #paymentModal .modal-footer .modal-footer-inner:after {
        clear: both;
    }

    #paymentModal .modal-footer .modal-footer-inner > span {
        position: relative;
        float: left;
        min-height: 0;
        padding: 0 5px;
    }

    #paymentModal .modal-footer .modal-footer-inner > span:first-child {
        width: 41.66666667%;
    }

    #paymentModal .modal-footer .modal-footer-inner > span:last-child {
        width: 58.33333333%;
    }

    #paymentModal .modal-footer .btn-cancel,
    #paymentModal .modal-footer .btn-success {
        width: 100%
    }

    #paymentModal .modal-footer .modal-footer-inner > span.cancel-only {
    	display: block;
    	margin: 0 auto;
    	float: none;
    	width: 70%;
    }
}

/**
 *----------------------------------------------------------------------------------------------
 * Inline Errors Dues Payment
 *----------------------------------------------------------------------------------------------
 *
 */

#collapsePayByContract .input-group {
    position: relative;
}

#collapsePayByContract .jsvfElement .standardFormElement > .inlineErrors,
#loansPaymentPage .label-radio .flex-left + .dvcss-pull-right .inlineErrors {
    max-width: 85px;
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
}

#collapsePayByContract .jsvfElement .standardFormElement > .inlineErrors li {
    list-style-type: none !important;
    display: list-item;
}

#loansPaymentPage .dvcPanelForm .dvcss-form div[id^='ccCountry-'] .inlineErrors,
#loansPaymentPage .dvcPanelForm .dvcss-form div[id^='ccState-'] .inlineErrors,
#loansPaymentPage .dvcPanelForm .dvcss-form div[id^='ccProvince-'] .inlineErrors,
#loansPaymentPage .dvcPanelForm .dvcss-form div[id^='ccTerritory-'] .inlineErrors {
    position: relative;
}

#loansPaymentPage .dvcPanelForm .dvcss-form div[id^='ccCountry-'] .inlineErrors li,
#loansPaymentPage .dvcPanelForm .dvcss-form div[id^='ccState-'] .inlineErrors li,
#loansPaymentPage .dvcPanelForm .dvcss-form div[id^='ccProvince-'] .inlineErrors li,
#loansPaymentPage .dvcPanelForm .dvcss-form div[id^='ccTerritory-'] .inlineErrors li {
    margin-top: 7px;
}

@media screen and (max-width: 767px) {
    #loansPayment .dvcss-form .jsvfElement .textInput .inlineErrors {
        margin-top: 25px;
    }
}

/**
 *----------------------------------------------------------------------------------------------
 * Single Contract - Select amount to pay
 *----------------------------------------------------------------------------------------------
 *
 */

#loansPaymentPage .contractsListSingle .list-group {
    margin-top: -30px;
}

#loansPaymentPage .contractsListSingle .list-group .contractItem:first-child {
    border-top: 0;
}

@media screen and (max-width: 767px) {
    #loansPaymentPage .contractsListSingle .list-group .contractItem {
        background: none;
        border-bottom: 0;
    }
}

/**
 *----------------------------------------------------------------------------------------------
 * Remaining Dues Balance - Aside Temporary Fix
 *----------------------------------------------------------------------------------------------
 *
 */

#loansPaymentPage .dvcPanelForm .dvcss-panel-form-right .panel .panel-footer .text-group:nth-child(2) .media-table > .media-right strong {
    display: inline;
}

/**
 *----------------------------------------------------------------------------------------------
 * FPO: Pay Full Statement Balance Checkboxes
 *----------------------------------------------------------------------------------------------
 *
 */

#loansPaymentPage .dvcPanelForm .statementItem .statementItemContractsList > li > .media .media-text {
    max-width: 380px;
}

@media screen and (max-width: 767px) {
    #loansPaymentPage .dvcPanelForm .dvcss-panel-form-body .list-group .list-group-item {
        padding: 20px 0 25px;
    }

    #loansPaymentPage .dvcPanelForm .statementItem .statementItemContractsList .text-ellipsis {
        font-size: 14px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        line-height: 20px;
    }

    #loansPaymentPage .dvcPanelForm .dvcss-panel-form-body .panel > .panel-body .accordion .accordion-heading .media-table .media-body {
        font-size: 14px;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        line-height: 20px;
    }
}

/**
 *----------------------------------------------------------------------------------------------
 * Dues Credit Card Payment - Use CC on File
 *----------------------------------------------------------------------------------------------
 *
 */

#loansPaymentPage .paymentMethodFormElements > .media-table {
    margin-top: 23px;
}

#loansPaymentPage .paymentMethodFormElements > .media-table > .media-left {
    width: 175px;
}

#loansPaymentPage .paymentMethodFormElements > .media-table > .media-left > .pull-right {
    margin-right: 17px;
    word-wrap: break-word;
}

#loansPaymentPage .paymentMethodFormElements > .media-table > .media-left > .pull-right > span {
    display:block;
}

#loansPaymentPage .paymentMethodFormElements > .media-table > .media-left > .pull-right > span:last-child {
    font-size: 12px;
    line-height: 15px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
}

#loansPaymentPage .paymentMethodFormElements > .media-table > .media-left > img {
    padding-top: 7px;
}

#loansPaymentPage .paymentMethodFormElements > .media-table > .media-body {
    width: 425px;
    padding-left: 38px;
}

@media screen and (max-width: 767px) {
    #loansPaymentPage .paymentMethodFormElements > .media-table {
        margin-top: 7px;
        margin-bottom: -35px;
    }

    #loansPaymentPage .paymentMethodFormElements > .media-table > .media-left > .pull-right {
        float: none !important;
        width: 166px;
    }

    #loansPaymentPage .paymentMethodFormElements > .media-table > .media-left > img {
        padding-top: 0;
        margin-bottom: 10px;
    }

    #loansPaymentPage .paymentMethodFormElements > .media-table > .media-left > .pull-right > span {
        display: inline-block;
    }

    #loansPaymentPage .paymentMethodFormElements > .media-table > .media-left {
        float: left;
    }

    #loansPaymentPage .paymentMethodFormElements > .media-table > .media-body {
        width: auto;
        padding: 0;
        float: right;
    }
}



/* Additional Adjustments */

#loansPaymentPage .dvcss-panel-form-fieldset #paymentType-id-base {
    margin-left: 0px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    #loansPaymentPage .dvcPanelForm .dvcss-panel-form-body .panel > .panel-body .accordion .accordion-heading .media-table > .media-right.loansStatementUnavailable {
        white-space: normal;
        width:40%;
    }

    #loansPaymentPage .dvcPanelForm .dvcss-panel-form-body .panel > .panel-body .accordion .accordion-heading .media-table .media-right > .wrap {
        min-width: 120px;
    }

    #loansPaymentPage .dvcPanelForm .dvcss-panel-form-body .panel > .panel-body .accordion .accordion-body .list-group > .list-group-item > .list-group-item-heading .media-body > .list-group-item-title > span {
        display: inline;
    }

    #loansPaymentPage .dvcPanelForm .dvcss-panel-form-body .panel > .panel-body .list-group > .list-group-item > .list-group-item-heading .media-body > p.list-group-item-title {
       margin-top: 5px;
    }
}

/* LOANS PAYOFF CSS */

#loansPaymentPage  .payOffLoans.panel-content {
    padding:0;
}

#loansPaymentPage .payOffLoans label.dvcss-radio,
#loansPaymentPage  .payOffLoans span {
    margin-bottom: 10px;
}

#loansPaymentPage .dvcPanelForm .radio input[type=radio]:disabled+span {
    opacity: 0.65;
}

#loansPaymentPage  .dvcPanelForm .radio input[type=radio]:disabled+span .media-table .media-body {
    opacity: 1;
}

#loansPaymentPage .list-group-item-title.pending,
#loansPaymentPage .list-group-item-title.enrolled {
    font-style: italic;
    font-weight: normal;
}

#loansPaymentPage .list-group-item-title.enrolled > span {
    font-style: normal;
}

#loansPaymentPage .payOffLoans > .payOffLoansContainer {
    padding-left: 35px;
    max-width: 285px;
    margin-bottom: 0;
}

#loansPaymentPage .payOffLoans > .payOffLoansContainer > .media-table {
    padding: 0;
    font-size: 12px;
    line-height: 20px;
    font-family: Avenir,Helvetica,Arial,sans-serif;
    min-width: 100px;
    font-weight: 400;
}

#loansPaymentPage .payOffLoans > .payOffLoansContainer > .media-table > .media-body {
    font-family: Avenir-light,Helvetica,Arial,sans-serif;
    min-width: 185px;
    padding-right: 10px;
}

#loansPaymentPage .payOffLoans > .payOffLoansContainer > .media-table > .media-right {
    padding-left: 0;
    min-width: 100px;
}

@media screen and (max-width: 767px) {
    #loansPaymentPage .list-group-item-title.pending {
       margin-top: 5px;
    }

    #loansPaymentPage .payOffLoans > .payOffLoansContainer {
        max-width: 100%;
    }

    #loansPaymentPage .payOffLoans > .payOffLoansContainer > .media-table {
        text-align: right;
        min-width: initial;
    }

    #loansPaymentPage .payOffLoans > .payOffLoansContainer .media-table > .media-body {
        text-align: left;
        min-width: initial;
    }

    #loansPaymentPage .payOffLoans > .payOffLoansContainer > .media-table > .media-right {
        min-width: initial;
    }

    /* for Single Contract */
    #loansPaymentPage .dvcPanelForm .dvcss-panel-form-body .contractsListSingle > .list-group > .list-group-item {
        padding-bottom: 40px !important;
    }

}

/* TEMPORARY CSS TO BE DELETED TOO */

#loansPaymentPage .accordion-group {
    margin-top: 45px;
}

/* Aside */

#loansPaymentPage .dvcss-panel-form-right > .panel > .borderNone {
    border: 0 !important;
}

/* No Loans Available */

#loansPaymentPage .not-available {
    padding: 30px 0 50px;
    max-width: 500px;
    margin: auto;
}

#loansPaymentPage .not-available .lead {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 600;
}

#loansPaymentPage .not-available  p {
    margin: 0;
}

@media screen and (max-width: 767px) {
    #loansPaymentPage .not-available {
        padding-top: 30px;
    }

    #loansPaymentPage .not-available {
        padding: 30px 15px 50px;
    }
}

/* Disabled */

#loansPaymentPage .disabled,
#loansPaymentPage .list-group > .contractItem .radio input[type=radio]:disabled+span > .media-table > .media-right > strong,
#loansPaymentPage .list-group > .contractItem .media-table .radio input[type=radio]:disabled+span {
    opacity: 0.65;
}

#loansPaymentPage .list-group > .contractItem .media-table > .flex-left {
    min-width: 162px;
    padding-right: 25px;
}

#loansPaymentPage .list-group > .contractItem .media-table > .flex-left span input[type="radio"] span > div > label  {
    max-width: 395px;
}


@media screen and (max-width: 767px) {
    #loansPaymentPage .list-group > .contractItem .media-table > .flex-left {
        min-width: initial;
    }
}

/* Modal */

.paymentModal {
    text-align: left;
}

.paymentModal.dvcss-modal .modal-content .modal-middle  {
	border-radius: 0 !important;
}

.paymentModal.dvcss-modal .modal-content p {
	margin-bottom: 0px !important;
}

.paymentModal.dvcss-modal .modal-header {
    padding: 30px 30px 0 !important;
}

.paymentModal.dvcss-modal .modal-header-faded .modal-header-inner {
    padding: 0 0 25px;
}

.paymentModal.dvcss-modal .modal-header .modal-title {
    color: #253b56;
    font-family: Avenir-black,Avenir,Helvetica,Arial,sans-serif;
    font-size: 28px;
    line-height: 38px;
    padding-top: 5px;
    text-align: left;
}

.paymentModal.dvcss-modal .modal-footer.modal-footer-faded {
    padding: 0 30px 30px;
}

.paymentModal.dvcss-modal .dvcss-hr-faded {
    background-color: #8294aa !important;
    background-image: unset;
}

.paymentModal.dvcss-modal .modal-footer-faded .modal-footer-inner {
    padding: 30px 0 0;
}

.paymentModal.dvcss-modal .modal-footer span.cancel-only .btn-cancel {
	width: 100%;
}

.paymentModal.dvcss-modal .modal-footer .btn-cancel {
    border-radius: 4px;
    background: transparent;
    color: #00739a;
    border: 2px solid #00739a;
    font-size: 14px;
    box-shadow: none;
    padding: 8px 20px;
    width: 160px;
    margin-right: 15px;
}

.paymentModal.dvcss-modal .modal-footer span.cancel-only .btn-cancel {
	width: auto;
}

.paymentModal.dvcss-modal .modal-footer .btn-success {
    padding: 10px 20px;
    width: 160px;
    background-color: #00739a;
    border-color: #00739a;
    color: #fff;
}

.paymentModal.dvcss-modal .modal-body {
    padding-top: 0;
    padding-bottom: 20px;
    color: #253b56;
    font-family: Avenir-light,Avenir,Helvetica,Arial,sans-serif;
    font-size: 28px;
    line-height: 38px;
}

#loansPaymentPage .dvcss-panel-form-footer .dvcss-panel-form-footer-actions .dvcss-btn.btn[disabled] {    
    background-color: #D3D3D3;
    border-color: #D3D3D3;
}

/**
|-------------------------------------------------------------------------------------
| Dues Action Footer Section
|-------------------------------------------------------------------------------------
|
*/
/* Mobile only */
@media screen and (max-width: 767px) {

    #loansPaymentPage  .dvcss-panel-form-footer .dvcss-panel-form-footer-actions .dvcss-row > .col-xs-5 {
        width:35%;
    }

    #loansPaymentPage  .dvcss-panel-form-footer .dvcss-panel-form-footer-actions .dvcss-row > .col-xs-7 {
        width: 65%;
    }

    #loansPaymentPage .selectBox.status-open .listWrapper {
        z-index: 10000;
    }

}




/**************************************************
 * Dues Payment Method CC Component - dues-payment-method-cc.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: TUAZR001 $
 * $Revision: #12 $
 * $Change: 1648213 $
 * $Date: 2016/11/23 $
 **************************************************/

.loansPaymentMethod .dvcss-panel-form-fieldset > .dvcss-row,
.loansPaymentMethod .dvcss-panel-form-fieldset .PaymentMethodCcFormFields > .dvcss-row {
    margin-left: -30px;
    margin-right: -30px;
}

.loansPaymentMethod .dvcss-panel-form-col,
.loansPaymentMethod .dvcss-panel-form-fieldset > .dvcss-row > .col-xs-12 {
    padding-left: 30px;
    padding-right: 30px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .loansPaymentMethod .dvcss-panel-form-fieldset > .dvcss-row,
    .loansPaymentMethod .dvcss-panel-form-fieldset .PaymentMethodCcFormFields > .dvcss-row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .loansPaymentMethod .dvcss-panel-form-col {
        padding-left: 15px;
        padding-right: 15px;
    }

    .loansPaymentMethod .dvcss-panel-form-col:first-child {
        padding-bottom: 23px;
    }

}

/**
|-----------------------------------------------------------------------------------------------
| Form Legends
|-----------------------------------------------------------------------------------------------
|
*/

.PaymentMethodCcFormFields .form-legend .h5 {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 20px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvcPanelForm .dvcss-panel-form-col .form-legend .h5 {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .dvcPanelForm .dvcss-panel-form-col:first-child .form-legend .h5 {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
    }
    
    .dvcPanelForm .dvcss-panel-form-fieldset .fieldset-header .dvcss-panel-form-col {
        margin-bottom: 18px;
    }
    
    .dvcPanelForm .dvcss-panel-form-fieldset .fieldset-header .dvcss-panel-form-col {
        padding-bottom: 0;
    }
    
    .dvcPanelForm .dvcss-panel-form-fieldset .fieldset-header .formInputElement .selectBox {
        margin-top: 0;
    }

}


/**
|-----------------------------------------------------------------------------------------------
| Form Fields
|-----------------------------------------------------------------------------------------------
|
*/

.PaymentMethodCcFormFields .dvcss-panel-form-col > .dvcss-form > .dvcss-row {
    margin-left: -6px;
    margin-right: -6px;
}

.PaymentMethodCcFormFields .dvcss-panel-form-col > .dvcss-form > .dvcss-row > .col-sm-6 {
    padding-left: 6px;
    padding-right: 6px;
}

.PaymentMethodCcFormFields .form-row .inlineErrors,
.PaymentMethodCcFormFields .form-group .inlineErrors {
    position: relative;
    margin-top: 0;
}

.PaymentMethodCcFormFields .inlineErrors > li {
    display: list-item;
}

.PaymentMethodCcFormFields .inlineErrors > li:first-child {
    margin-top: 12px;
}

.PaymentMethodCcFormFields .dvcss-form.form-inline .form-row .inlineErrors li:last-child {
    margin-bottom: 0;
}

.PaymentMethodCcFormFields .ccInfoFormRow {
    padding-top: 1px;
    margin-bottom: 18px;
}

.PaymentMethodCcFormFields .stateZipFormRow .formInputElement {
    margin-right: 0;
}

.PaymentMethodCcFormFields .stateZipFormRow .jsvfElement.hasErrors,
.PaymentMethodCcFormFields .stateZipFormRow .jsvfElement {
    margin-bottom: 3px!important;
}

.PaymentMethodCcFormFields .form-label label.hasErrors {
    color: #ff4605;
}

/* Tablet only */
@media (min-width: 768px) and (max-width: 991px) { 
    
    .PaymentMethodCcFormFields .stateZipFormRow .dvcss-row > .col-sm-6 {
        width: 100%;
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {
    .PaymentMethodCcFormFields .stateZipFormRow .formInputElement,
    .PaymentMethodCcFormFields .stateZipFormRow .jsvfElement.hasErrors   {
        margin-bottom: 18px!important;
    }
    
    #loansPaymentPage .paymentMethodFormElements .ccInfoFormDeck .ccInfoFormRow .media-body,
    #loansPaymentPage .paymentMethodFormElements .ccInfoFormDeck .ccInfoFormRow .media-left {
        width: 33.3%;
    }
    
    #loansPaymentPage .paymentMethodFormElements .ccInfoFormDeck .ccInfoFormRow .media-left .formInputElement .selectBox {
        width: 100%;
    }
    
    #loansPaymentPage .paymentMethodFormElements .ccInfoFormDeck .ccInfoFormLabel .media > .media-right {
        width: 33.3%;
        position: relative;
    }
    
    #loansPaymentPage .paymentMethodFormElements .ccInfoFormRow .media-body .uiToolTip {
        display: none;
    }
    
    #loansPaymentPage .paymentMethodFormElements .ccInfoFormLabel .media-right .uiToolTip {
        display: block;
        position: absolute;
        left: 85px;
        top: -1px;   
    }
    
    #loansPaymentPage .paymentMethodFormElements .PaymentMethodCcFormFields .form-group-inline {
        position: relative;
    }
    
    #loansPaymentPage .paymentMethodFormElements .PaymentMethodCcFormFields .form-group-inline .uiToolTip {
        position: absolute;
        top: -21px;
        left: 267px;
    } 
    
}

/* Tablet only */
@media (min-width: 768px) and (max-width: 991px) {
    
    #loansPaymentPage .dvcPanelForm .dvcss-panel-form-fieldset .form-label .media-right {
        display: none !important;
    }

    #loansPaymentPage .PaymentMethodCcFormFields .ccInfoFormRow > .media-table {
        display: block;
        width: auto;
    }
    
    #loansPaymentPage .PaymentMethodCcFormFields .ccInfoFormRow > .media-table > .media-left {
        display: inline-block;
        width: 50%;
        padding-left: 7px;
        padding-right: 0;
        margin-right: -4px;
    }
    
    #loansPaymentPage .PaymentMethodCcFormFields .ccInfoFormRow > .media-table > .media-left:first-child {
        padding-left: 0;
        padding-right: 7px;
    }
    
    #loansPaymentPage .PaymentMethodCcFormFields .ccInfoFormRow > .media-table > .media-left .form-group {
        display: block;
    }
    
    #loansPaymentPage .PaymentMethodCcFormFields .ccInfoFormRow > .media-table > .media-left .form-group .formInputElement {
        display: block;
    }
    
    #loansPaymentPage .PaymentMethodCcFormFields .ccInfoFormRow > .media-table > .media-left .form-group .formInputElement .selectBox {
        width: 100%;
    }
    
    #loansPaymentPage .PaymentMethodCcFormFields .ccInfoFormRow > .media-table > .media-body {
        display: block;
        width: auto;
    }
    
    #loansPaymentPage .PaymentMethodCcFormFields .ccInfoFormRow > .media-table > .media-body label,
    #loansPaymentPage .PaymentMethodCcFormFields .ccInfoFormRow > .media-table > .media-body .uiToolTip {
        display: inline-block;
    }
    
    #loansPaymentPage .PaymentMethodCcFormFields .ccInfoFormRow > .media-table > .media-body .form-group .formInputElement {
        margin-top: 16px !important;
    }
}

/**
|-----------------------------------------------------------------------------------------------
| Error / Alert Messages
|-----------------------------------------------------------------------------------------------
|
*/

.loansPaymentMethod .dvcss-panel-form-fieldset .dvcAlertMessage {
    margin-top: -10px;
    margin-bottom: 5px;
    max-width: 500px;
}

.loansPaymentMethod .dvcss-panel-form-fieldset .dvcAlertMessage .dvcss-form-list-title {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.loansPaymentMethod .dvcss-panel-form-fieldset .dvcAlertMessage .dvcss-form-list-title + .dvcss-form-list-title {
    margin-top: 20px;
}


/***********************************************************
 * Payment Method CC on File Component
 *
 * (c) Disney.  All rights reserved.
 *
***********************************************************/

.dvcPaymentMethodCcOnFile > .media-table {
    display: table;
    width: 100%;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvcPaymentMethodCcOnFile > .media-table {
        margin-top: 10px;
    }
    
    .dvcPaymentMethodCcOnFile > .media-table > .media-left {
        width: 50%;
    }
    
    .dvcPaymentMethodCcOnFile > .media-table > .media-body {
        width: auto;
    }
    
    .dvcPaymentMethodCcOnFile > .visible-xs-block > .media-table > .media-body {
        padding-top: 12px;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
    
}

/**
|-----------------------------------------------------------------------------------------------
| Card Type Form Group
|-----------------------------------------------------------------------------------------------
|
*/

.dvcPaymentMethodCcOnFile .cardTypeFormGroup {
    white-space: normal;
}

.dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-left {
    padding-right: 10px;
}

.dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
}

.dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body > div {
    width: 150px;
    padding-right: 55px;
}

.dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body strong {
    font-family: Avenir, Helvetica, Arial, sans-serif;
}

.dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body .text-muted {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    
    .dvcPaymentMethodCcOnFile .cardTypeFormGroup {
        white-space: normal;
        padding-right: 10px;
    }

    .dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body strong {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
    
    .dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body strong + div {
        display: inline;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
    
    .dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body > div {
        width: auto;
        padding: 0;
    }
    
    .dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body .text-muted {
        line-height: 20px;
    }
    
}

/* Tablet */

@media (min-width: 768px) and (max-width: 991px) {
    
    .dvcPaymentMethodCcOnFile .cardTypeFormGroup > .media-body > div {
        width: 125px;
        padding-right: 0;
    }
    
}


/**
|-----------------------------------------------------------------------------------------------
| Cvv Form Group
|-----------------------------------------------------------------------------------------------
|
*/

.dvcPaymentMethodCcOnFile {
    margin-top: 22px;
    margin-bottom: 10px;
}

.dvcPaymentMethodCcOnFile .ccCvvFormGroup {
    display: table;
    width: 100%;
}

.dvcPaymentMethodCcOnFile .ccCvvFormGroup > .media-right {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.dvcPaymentMethodCcOnFile .ccCvvFormGroup label {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    width: 50px;
    vertical-align: top;
}

.dvcPaymentMethodCcOnFile .ccCvvFormGroup .uiToolTip {
    top: -4px;
    vertical-align: top;
}

.dvcPaymentMethodCcOnFile .ccCvvFormGroup > .media-body > .media-table > .media-body {
    padding-left: 7px;
}

.dvcPaymentMethodCcOnFile .ccCvvFormGroup .formInputElement label,
.dvcPaymentMethodCcOnFile .ccCvvFormGroup .formInputElement .uiToolTip {
    display: none;
    visibility: hidden;
}

.dvcPaymentMethodCcOnFile .ccCvvFormGroup .formInputElement .textInput input {
    width: 75px;
}


/* Mobile only */
@media screen and (max-width: 767px) {
    
    .dvcPaymentMethodCcOnFile {
        margin-top: -5px;
        margin-bottom: -33px;
    }

    .dvcPaymentMethodCcOnFile .ccCvvFormGroup .formInputElement label,
    .dvcPaymentMethodCcOnFile .ccCvvFormGroup .formInputElement .uiToolTip {
        display: inline-block;
        visibility: visible;
    }
    
    .dvcPaymentMethodCcOnFile .ccCvvFormGroup .formInputElement .inlineErrors {
        display: block;
    }
    
    .dvcPaymentMethodCcOnFile .ccCvvFormGroup label {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
        width: auto;
    }
    
    .dvcPaymentMethodCcOnFile .ccCvvFormGroup .uiToolTip {
        top: 0;
        vertical-align: top;
    }
    
    .dvcPaymentMethodCcOnFile .ccCvvFormGroup > .media-body > .media-table > .media-left {
        display: block;
        text-align: right;
    }
    
    .dvcPaymentMethodCcOnFile .ccCvvFormGroup > .media-body > .media-table > .media-left .formInputElement .textInput {
        margin-top: 0;
    }
    
    .dvcPaymentMethodCcOnFile .ccCvvFormGroup > .media-body > .media-table > .media-body {
        display: block;
        padding-left: 0;
        width: auto;
    }  
}

    
#loansPaymentPage .PaymentMethodCcFormFields > .dvcss-row > .dvcss-panel-form-col .dvcss-form .dvcss-form .media {
   overflow: visible !important;
}
    
#loansPaymentPage label[for=paymentType], .loansPaymentType label[id$="-amt-label"] {
    display: none;
}
/**************************************************
 * Loans Payment Confirmation Page - loans-payment-confirmation-page.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: MACAK009 $
 * $Revision: #16 $
 * $Change: 1648016 $
 * $Date: 2016/11/17 $
 **************************************************/

/**
 *----------------------------------------------------------------------------------------------
 * Payment Confirmation Page
 *----------------------------------------------------------------------------------------------
 *
 */

#loansPaymentConfirmation .dvcss-page-header .visible-xs-block h1{
    color: #fff;
    font-family: Avenir-light,Helvetica,Arial,sans-serif;
    font-size: 36px;
    font-weight: 100;
    line-height: 40px;
    margin: 0;
    padding-top: 31px;
    padding-bottom: 18px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper {
    padding: 26px 20px 19px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentHeadSection p {
    width: 680px;
    margin-bottom: 25px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentHeadSection h1 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 5px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentTopSection {
    font-weight: 600;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentTopSection div:first-child {
    font-size: 18px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 10px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentTopSection > div,
#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentTopSection div.paymentType {
    margin-top: 5px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentTopSection > div:first-child {
    margin-top: 0;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary {
    margin-top: 25px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel {
    border: 0;
    margin-bottom: 35px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel > .panel-heading {
    border: 0;
    background: transparent;
    padding: 0;
    pointer-events: none;
}



#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel > .panel-heading h3:first-child {
    font-size: 18px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 10px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel > .panel-heading a {
    text-decoration:none;
    color:#253B56;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel > .panel-body h3 {
    margin-bottom: 5px;
    font-size: 14px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel > .panel-body h3:not(:first-child) {
    margin-top: 10px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel > .panel-body {
    padding: 0;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel .panel-body .media-table .media-body  {
    float: left;
    max-width: 200px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel .panel-total .media-table .media-body {
    width: 200px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel > .panel-total {
    margin-top: 20px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel > .panel-total:last-child .media-table > .media-right {
    vertical-align: bottom;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel .panel-body .media-table .media-right {
    white-space: normal;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel .panel-body .media-table.paymentContractConfirmation {
    padding-bottom: 10px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel > .panel-body > .media-table > .media-right > .rdb {
    float: left;
    width: 75px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel > .panel-body > .media-table > .media-right > .overPaymentMsg {
    padding-left: 80px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentTopSection .subtext {
    font-style: italic;
    display: inline-block;
    font-weight: 100;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentTopSection .paymentType {
    width: auto;
    float:left;
    margin-right: 6px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .media-table.paymentStatement {
    margin-bottom: 10px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .paymentStatement:last-child {
    margin-bottom: 0px;
}

/* FOOTER */

#loansPaymentConfirmation .loansPaymentConfirmationWrapper  .returnButtonWrapper {
    margin-top: 23px;
    text-align: right;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .returnButtonWrapper button {
    min-width: 120px;
    line-height: 20px;
    font-family: Avenir,Helvetica,Arial,sans-serif;
    font-weight: 600;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .returnButtonWrapper a:first-child {
    margin-right: 16px;
    padding: 9px 13px 7px;
}

#loansPaymentConfirmation .loansPaymentConfirmationWrapper .returnButtonWrapper a:last-child {
    background: #00739a;
    color: #fff;
    padding: 11px 15px 9px;
    border: 0;
}
/* FOOTER */

@media screen and (max-width: 767px) {

    #loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentHeadSection p {
        width: auto;
    }
    #loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel > .panel-body > .media-table > .media-right,
    #loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel > .panel-total > .media-table > .media-right    {
        width: 1%;
        text-align: right;
        white-space: normal
    }
    
    #loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel > .panel-body > .media-table > .media-right > .rdb {
        float: none;
        width: auto;
    }
    
    #loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel > .panel-body > .media-table > .overPaymentMsg.visible-xs {
        text-align: right;
        width: 245px;
        float: right;
        margin: 15px 0;
    }

    #loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentTopSection .subtext {
        display:block;
    }

    #loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentTopSection .paymentType {
        float:none;
        margin-right: 0;
    }

    #loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel .panel-body .media-table .media-body,
    #loansPaymentConfirmation .loansPaymentConfirmationWrapper .loansPaymentSummary .panel .panel-body .media-table .media-body.remainingDues    {
        max-width: 190px;
    }

    #loansPaymentConfirmation .loansPaymentConfirmationWrapper .returnButtonWrapper a:first-child {
        margin-bottom: 20px;
        margin-right: 0;
    }

    #loansPaymentConfirmation .loansPaymentConfirmationWrapper .returnButtonWrapper a {
        display: block;
        width: 100%;
    }


}
/* End of Loans Payment Confirmation */
/**************************************************
 * Loans Tax Statement Page - loans-tax-statement.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: MACAK009 $
 * $Revision: #8 $
 * $Change: 1645358 $
 * $Date: 2016/09/29 $
 **************************************************/

/**
|------------------------------------------------
| Loans Tax Statement Form
|------------------------------------------------
|
| <loansTaxStatementFormModal>
|
*/

/* Mobile only */

@media screen and (max-width: 767px) {
    
    #loansStatementPage #loansTaxStatementFormModal.dvcss-modal-opened-xs {
        display: block;
        position: fixed;
        top: 0!important;
        bottom: 0;
        left: 0;
        z-index: 100004;
        height: 100%!important;
        width: 100%;
        padding: 0;
        background: #fff;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: auto;
    }

    #loansStatementPage #loansTaxStatementFormModal .modal-dialog {
        height: 100%;
        width: auto;
        margin: 0;
    }

    #loansStatementPage #loansTaxStatementFormModal .modal-content {
        position: static;
        min-height: 100%;
        padding-bottom: 71px;
        margin-bottom: -71px;
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #loansStatementPage #loansTaxStatementFormModal form {
        display: inline;
    }

    #loansStatementPage #loansTaxStatementFormModal .modal-header {
        border-bottom-color: transparent;
        padding: 14px 20px 9px;
    }

    #loansStatementPage #loansTaxStatementFormModal .modal-header hr {
        top: 9px;
    }

    #loansStatementPage #loansTaxStatementFormModal .modal-header .modal-title {
        margin-bottom: 10px;
        font-family: Avenir-light,Helvetica,Arial,sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
    }

    #loansStatementPage #loansTaxStatementFormModal .modal-header p {
        margin-bottom: 8px;
        color: #253b56;
        font-family: Avenir-roman,Helvetica,Arial,sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #loansStatementPage #loansTaxStatementFormModal .modal-body {
        padding-left: 20px;
        padding-right: 20px;
    }

    #loansStatementPage #loansTaxStatementFormModal .modal-footer {
        border-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    #loansStatementPage #loansTaxStatementFormModal .modal-footer .dvcss-row {
        margin-right: -5px;
        margin-left: -5px;
    }

    #loansStatementPage #loansTaxStatementFormModal .modal-footer .col-xs-4 {
        width: 33%;
        padding-left: 5px;
        padding-right: 5px;
    }

    #loansStatementPage #loansTaxStatementFormModal .modal-footer .col-xs-8 {
        width: 66%;
        padding-left: 5px;
        padding-right: 5px;
    }

    #loansStatementPage #loansTaxStatementFormModal .modal-footer .btn-info {
        background: #fff;
        border: 1px solid #00739a;
        color: #00739a;
        width: 100%;
    }

    .touch body.ui-datepicker-open #loansStatementPage #loansTaxStatementFormModal.dvcss-modal-opened-xs {
        visibility: hidden;
    }
}

/* Desktop only */

@media screen and (min-width: 768px) {
    #loansStatementPage #loansTaxStatementFormModal {
        display: block!important;
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        z-index: auto!important;
        background: none;
        overflow: visible;
    }

    #loansStatementPage #loansTaxStatementFormModal .modal-dialog {
        width: auto;
        margin: 0;
    }

    #loansStatementPage #loansTaxStatementFormModal .modal-content {
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #loansStatementPage #loansTaxStatementFormModal .modal-body {
        padding: 0;
    }

    #loansStatementPage #loansTaxStatementFormModal form {
        display: inline;
    }
}

/**
|------------------------------------------------
| Loans Tax Statement Form
|------------------------------------------------
|
| <loansTaxStatementForm>
|
*/

#loansStatementPage .loansTaxStatementFormWrapper .panel-body {
    border-bottom: 1px solid #ddd;
    padding: 15px 20px 20px;
}

#loansStatementPage #loansTaxStatementForm .lead {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    max-width: 620px;
    margin-bottom: 30px;
}

/***** Membership ID Row *****/

#loansStatementPage #loansTaxStatementForm .membershipIdRow {
    margin-bottom: 12px;
}

#loansStatementPage #loansTaxStatementForm .membershipIdRow.membershipIdRowSingle {
    padding-top: 6px;
    margin-bottom: 18px;
}

#loansStatementPage #loansTaxStatementForm .membershipIdRow.membershipIdRowSingle > .media-body {
    text-align: left;
}

#loansStatementPage #loansTaxStatementForm .membershipIdRow .form-group .membershipIdLabel {
    margin-right: 6px;
}

#loansStatementPage #loansTaxStatementForm .membershipIdRow .form-group .membershipIdLabel,
#loansStatementPage #loansTaxStatementForm .membershipIdRow .form-group .membershipIdValue {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

#loansStatementPage #loansTaxStatementForm .membershipIdRow .form-group .membershipIdValue a {
    color: #253B56;
}

#loansStatementPage #loansTaxStatementForm .membershipIdRow .form-group .formInputElement {
    margin-bottom: -1px;
}

#loansStatementPage #loansTaxStatementForm .membershipIdRow .form-group .formInputElement label {
    display: inline-block;
    position: relative;
    top: -6px;
    margin-right: 3px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

#loansStatementPage #loansTaxStatementForm .membershipIdRow .form-group .formInputElement .selectBox {
    vertical-align: middle;
}

#loansStatementPage #loansTaxStatementForm .membershipIdRow > .media-right {
    position: relative;
    top: 4px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#loansStatementPage #loansTaxStatementForm .membershipIdRow.membershipIdRowSingle > .media-right {
    top: -2px;
}

#loansStatementPage #loansTaxStatementForm .membershipIdRow > .media-right strong {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
 
/* Mobile only */

@media screen and (max-width: 767px) {
    
    #loansStatementPage .loansTaxStatementFormWrapper .panel-body {
        padding: 35px 10px 25px;
    }

    #loansStatementPage #loansTaxStatementForm .membershipIdRow > .media-body {
        display: block;
        width: auto;
    }

    #loansStatementPage #loansTaxStatementForm .membershipIdRow > .media-right {
        display: none;
    }

    #loansStatementPage #loansTaxStatementForm .membershipIdRow .form-group .formInputElement {
        margin-bottom: 0!important;
    }

    #loansStatementPage #loansTaxStatementForm .membershipIdRow .form-group .formInputElement label {
        display: block;
        top: auto;
        margin-right: 0;
        font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
    }
    
    #loansStatementPage #loansTaxStatementForm  #noContract {
        margin-top: 25px;
    }
}

/***** Membership Details Row *****/

#loansStatementPage #loansTaxStatementForm .membershipDetailsRow > .media-body {
    text-align: left;
}

#loansStatementPage #loansTaxStatementForm .membershipDetailsRow > .media-right {
    padding-bottom: 5px;
    vertical-align: bottom;
}

/* Desktop only */

@media screen and (min-width: 768px) {
    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .membershipDetailsGroup {
        display: block;
    }

    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .membershipDetailsGroup .membershipDetailsInner {
        display: table;
        width: 100%;
        max-width: 725px;
    }

    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .membershipDetailsInner {
        display: inline-block;
        width: auto;
    }

    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .form-handler {
        display: table-cell;
        width: 1%;
        white-space: normal;
        padding-right: 0;
        margin-right: 0;
    }

    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .form-group {
        display: table-cell;
        width: 1%;
        padding-right: 20px;
        margin-right: 0;
        vertical-align: bottom;
    }

    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .form-group.contractDetailsGroup {
        display: table-cell;
    }

    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .membershipDetailsGroup .contractDetailsGroup {
        padding-right: 25px;
        max-width: 450px;
    }

    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .contractDetailsText {
        margin-top: 8px;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
    }

    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .contractDetailsGroup .contractDetailsText {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .formInputElement.long {
        width: 100%;
    }

    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .formInputElement.long .selectBox {
        width: 100%;
    }

    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .formInputElement.short .selectBox {
        width: 110px;
    }
}

/* Mobile only */

@media screen and (max-width: 767px) {
    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .membershipDetailsGroup .membershipDetailsInner,
    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .membershipDetailsGroup.membershipDetailsSingleContract .membershipDetailsInner {
        display: block;
        width: auto;
        max-width: none;
    }

    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow > .media-body {
        display: block;
        width: auto;
    }

    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow > .media-right {
        display: none;
    }

    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .contractDetailsGroup .contractDetailsText {
        margin-top: 1px;
        margin-bottom: 22px;
    }

    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .contractRangeRow {
        display: block;
        margin-left: -6px;
        margin-right: -6px;
    }

    #loansStatementPage #loansTaxStatementForm .membershipDetailsRow .contractRangeRow > .form-group {
        display: block;
        float: left;
        padding: 0 6px;
        width: 50%;
    }
}

/***** Membership Form Buttons Row *****/

#loansStatementPage #loansTaxStatementForm .formSubmit {
    min-width: 125px;
    border: 0;
}

/**
|------------------------------------------------
| Loans Membership Contract Form Label Display
|------------------------------------------------
|
| <membershipContractFormLabelDisplay>
|
*/

#loansStatementPage #membershipContractFormLabelDisplay .media-right .btn-link {
   font-size: 14px;
   font-family: Avenir-roman, Helvetica, Arial, sans-serif;
   line-height: 20px;
}

#loansStatementPage #membershipContractForm .uiPlus .datePicker {
    width: 120px;
}

#loansStatementPage #membershipContractForm .uiPlus .datePicker .ui-datepicker-trigger {
    right: 4px;
    top: 27px;
}

/* Mobile only */

@media screen and (max-width: 767px) {
    #loansStatementPage #membershipContractForm .uiPlus .datePicker {
        width: 100%;
    }

    #loansStatementPage #membershipContractForm .uiPlus .datePicker .ui-datepicker-trigger {
        right: 6px;
        top: 34px;
    }
}

@media screen and (max-width: 767px) { 

    #loansStatementPage .loansTaxStatementDetailsMobile #membershipContractFormLabelDisplay .details-main, 
    #loansStatementPage .loansTaxStatementDetailsMobile #membershipContractFormLabelDisplay  .details-main .lead,
    #loansStatementPage .loansTaxStatementDetailsMobile #membershipContractFormLabelDisplay  .details-sub
      {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;      
    }
    
    #loansStatementPage .loansTaxStatementDetailsMobile #membershipContractFormLabelDisplay .details-sub {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        margin-top: 15px;    
    }

    #loansStatementPage .loansTaxStatementDetailsMobile #membershipContractFormLabelDisplay .details-sub .details-group .details-row:nth-child(2) {
       margin-bottom: 10px; 
    }
    
    #loansStatementPage .loansTaxStatementDetailsMobile #membershipContractFormLabelDisplay .details-sub .details-group .details-row:first-child {
       margin-bottom: 5px; 
    }
    
    #loansStatementPage .loansTaxStatementDetailsMobile #membershipContractFormLabelDisplay .details-sub .details-group:last-child {
       margin-bottom: 0; 
    }
    
}
 
/**
|------------------------------------------------
| Loans Membership Tax Statement Activity Panel
|------------------------------------------------
|
| <memberLoansTaxStatementActivityPanel>
|
*/

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel {
    margin-bottom: 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body {
   padding: 40px 20px 24px;
}

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left {
    padding-right: 40px;
}

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left > div {
    width: 270px;
    text-align: center;
    border: 2px solid #253B56;
    border-radius: 4px;
}

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left > div > .taxYear {
    border-bottom: 1px solid #253B56;
    padding: 15px 10px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 25px;
}

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left > div > .taxYear > strong {
    font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
    font-weight: 600;
}

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left > div > .mortgageInterestReceived {
    padding: 24px 15px 15px;
}

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left > div > .mortgageInterestReceived > .mortgageInterestReceivedHeading {
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 25px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
}

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left > div > .mortgageInterestReceived > .mortgageInterestReceivedSubtext {
    margin-bottom: 10px;
    font-size: 14px;
    font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
    font-weight: 600;
    line-height: 20px;
}

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left > div > .mortgageInterestReceived > .mortgageInterestReceivedValue {
    font-size: 38px;
    font-family: Avenir-light,Helvetica,Arial,sans-serif;
    line-height: 45px;
}

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left > div > .mortgageInterestReceived > .mortgageInterestReceivedValue sup {
    font-size: 20px;
    font-family: Avenir,Helvetica,Arial,sans-serif;
    top: -13px;
    font-weight: 600;
}

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-body > .taxDetails > strong {
    display: block;
    font-family: Avenir-heavy,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    max-width: 450px;
}

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-body > .taxDetails {
    font-size: 16px;
    font-family: Avenir-roman,Helvetica,Arial,sans-serif;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 20px;
}

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-body > .taxDetails:last-child {
    margin-bottom: 0;
}

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body  .noResultsFound,
#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body  .informationUnavailable {
    text-align: center;
    max-width: 710px;
    margin: auto;
    padding: 0px 0 35px; 
}

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body  .noResultsFound h3,
#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body  .informationUnavailable h3  {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    font-weight: 600;
    line-height: 25px;
    font-size: 16px;
}

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body  .noResultsFound p, 
#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body  .informationUnavailable p  {
    margin: 0;
}

#loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body  .memberLoansTaxStatementActivityLoader {
    text-align: center;
}


#loansStatementPage .memberLoansTaxStatementActivity .panel-footer {
    background: none;
    border-radius: 0;
    padding: 4px 15px 14px;
    border-top: 0;
}

/* MOBILE */

@media screen and (max-width: 767px) {
    
    #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body {
        padding: 25px 10px 25px;
    }
   
    #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left {
        padding-right: 0;
    }
    
    #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left > div {
        width: 100%;
        margin-bottom: 20px;
    }
    
    #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left > div > .taxYear {
        padding: 15px 10px 10px;
    }
    
    #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left > div > .mortgageInterestReceived > .mortgageInterestReceivedSubtext {
        margin-bottom: 5px;
    }
    
    #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left,
    #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-body {
        display: block;
    }  
        
    #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left > div > .mortgageInterestReceived {
        padding: 15px;
    }
    
    #loansStatementPage .memberLoansTaxStatementActivity .memberLoansTaxStatementActivityPanel .panel-body > .media-table > .media-left > div > .mortgageInterestReceived > .mortgageInterestReceivedValue sup {
        font-size: 38px;
        font-family: Avenir-light,Helvetica,Arial,sans-serif;
        top: -2px;
        font-weight: 400;
    } 
    

}
/**************************************************
 * Registration Page - registration.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #8 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/

#pageRegistrationRegister {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

#pageRegistrationRegister .reg_form {
    padding-bottom: 10px;
}

#pageRegistrationRegister .text-muted {
    color: #768aa0;
}

#pageRegistrationRegister .text-sm {
    font-size: 12px;
}

#pageRegistrationRegister .max-width-620 {
    max-width: 620px;
}

#pageRegistrationRegister .formInputElement label {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
}

@media screen and (max-width: 767px) {

    #pageRegistrationRegister {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
    }

    #pageRegistrationRegister .reg_form {
        padding-bottom: 19px;
    }


    #pageRegistrationRegister .max-width-620 {
        max-width: none;
    }

    #pageRegistrationRegister .formInputElement label {
        color: #253b56;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
    }

    #pageRegistrationRegister .registrationFrame {
        border-radius: 5px;
        padding: 10px;
    }
}

#pageRegistrationRegister .page-header {
    border-bottom: 0;
    margin: 0;
    padding: 0;
}

#pageRegistrationRegister .page-header > h2 {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 36px;
    line-height: 40px;
    padding-top: 35px;
    padding-bottom: 10px;
}

@media screen and (max-width: 767px) {

    #pageRegistrationRegister .page-header > h2 {
        font-size: 24px;
        line-height: 30px;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 20px;
        padding-bottom: 15px;
    }

}


/*
 * Grid System
 *---------------------------------------------------------------
 * #pageRegistrationRegister
 *
 */

@media screen and (max-width: 767px) {

    #pageRegistrationRegister .formHandler dt.dvui-col-xs-6 {
        float: left;
        position: relative;
        width: 50%;
    }

    #pageRegistrationRegister .formHandler dt.dvui-col-xs-8 {
        float: left;
        position: relative;
        width: 66.66666667%;
    }

    #pageRegistrationRegister .formHandler dt.dvui-col-xs-7 {
        float: left;
        position: relative;
        width: 58.33333333%;
    }

    #pageRegistrationRegister .formHandler dt.dvui-col-xs-5 {
        float: left;
        position: relative;
        width: 41.66666667%;
    }

    #pageRegistrationRegister .formHandler dt.dvui-col-xs-4 {
        float: left;
        position: relative;
        width: 33.33333333%;
    }

}


/*
 * FORM ELEMENTS
 *---------------------------------------------------------------
 * #pageRegistrationRegister
 *
 */

#pageRegistrationRegister .uiPlus .textInput.long input {
    width: 215px;
}

#pageRegistrationRegister .uiPlus .textInput.short input {
    width: 90px;
}

@media screen and (max-width: 767px) {

    #pageRegistrationRegister .uiPlus .textInput input,
    #pageRegistrationRegister .uiPlus .textInput.short input,
    #pageRegistrationRegister .uiPlus .textInput.long input {
        width: 100%;
    }

    #pageRegistrationRegister .selectBox,
    #pageRegistrationRegister .selectBox.long {
        width: 100%;
    }

    #pageRegistrationRegister .uiPlus .jsvfElement > label {
        display: block;

        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        padding-bottom: 9px;
    }

    #pageRegistrationRegister .formHandler {
        display: block;
    }

    #pageRegistrationRegister .uiPlus .formInputElement {
        display: block;
        margin-right: 0;
    }

    #pageRegistrationRegister .uiPlus .textInput input {
        width: 100%;
    }

    #pageRegistrationRegister .selectBox,
    #pageRegistrationRegister .selectBox.long {
        width: 100%;
    }

}


/* partialRegistrationRegisterPersonalInfo
 * =================== */

#pageRegistrationRegister .partialRegistrationRegisterPersonalInfo {
    margin-top: 0;
}

#pageRegistrationRegister .partialRegistrationRegisterPersonalInfo .cn-required {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-color: #768aa0;
}

#pageRegistrationRegister .partialRegistrationRegisterPersonalInfo .horizontalSeparator  {
    margin-top: 38px;
    margin-bottom: 34px;
}

#pageRegistrationRegister .partialRegistrationRegisterContactInfo .horizontalSeparator  {
    margin-top: 20px;
    margin-bottom: 35px;
}

#pageRegistrationRegister .partialRegistrationRegisterKeepMeUpdated .horizontalSeparator  {
    margin-top: 35px;
    margin-bottom: 35px;
}

@media screen and (max-width: 767px) {

    #pageRegistrationRegister .partialRegistrationRegisterPersonalInfo {
        padding-bottom: 0;
    }

    #pageRegistrationRegister .partialRegistrationRegisterPersonalInfo h3 {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        margin: 8px 0 21px;
    }

    #pageRegistrationRegister .partialRegistrationRegisterPersonalInfo .cn-required {
        color: #8294aa;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        margin-top: -3px;
    }

}

/* partialRegistrationRegisterContactInfo
 * =================== */

#pageRegistrationRegister .partialRegistrationRegisterContactInfo {
    margin-top: 24px;
    margin-bottom: 30px;
}

#pageRegistrationRegister .partialRegistrationRegisterContactInfo .cn-country .formInputElement  {
    margin-right: 12px;
}

#pageRegistrationRegister .partialRegistrationRegisterContactInfo .linkSpan {
    color: #00739a;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 2px;
}

#pageRegistrationRegister .partialRegistrationRegisterContactInfo .gray-labels {
    color: #8294aa;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-top: 9px;
}


@media screen and (max-width: 767px) {

    #pageRegistrationRegister .partialRegistrationRegisterContactInfo {
        margin-top: 36px;
        margin-bottom: 40px;
    }

    #pageRegistrationRegister .partialRegistrationRegisterContactInfo h3 {
        margin: 12px 0 19px;
    }

    #pageRegistrationRegister .partialRegistrationRegisterContactInfo .cn-country {
        margin-top: 0;
        margin-bottom: 30px;
    }

    #pageRegistrationRegister .uiPlus .partialRegistrationRegisterContactInfo .cn-country .formInputElement {
        margin-bottom: 0 !important;
    }



    #pageRegistrationRegister .partialRegistrationRegisterContactInfo .cn-state {
        padding-right: 8px;
    }

    #pageRegistrationRegister .partialRegistrationRegisterContactInfo .cn-mobile .formInputElement{
        margin-bottom: 5px !important;
    }

    #pageRegistrationRegister .partialRegistrationRegisterContactInfo {
        margin-top: 31px;
        margin-bottom: 20px;
    }

    #pageRegistrationRegister .partialRegistrationRegisterContactInfo .cn-country {
        margin-top: 0;
        margin-bottom: 25px;
    }

    #pageRegistrationRegister .uiPlus .partialRegistrationRegisterContactInfo .cn-country .formInputElement {
        margin-right: 0;
        margin-bottom: 0 !important;
    }

    #pageRegistrationRegister .partialRegistrationRegisterContactInfo .cn-country .uiToolTip.linkSpan {
        display: block;
        margin-top: 10px;
        margin-bottom: 0;
    }

    #pageRegistrationRegister .partialRegistrationRegisterContactInfo .cn-country .uiToolTip.linkSpan:hover {
        text-decoration: underline;
    }

    #pageRegistrationRegister .partialRegistrationRegisterContactInfo .cn-country .uiToolTip.linkSpan .uiToolTipBox {
        display: none;
    }

    #pageRegistrationRegister .partialRegistrationRegisterContactInfo .cn-state {
        padding-right: 11px;
    }

    #pageRegistrationRegister .partialRegistrationRegisterContactInfo .cn-home-phone .formInputElement {
        margin-bottom: 5px !important;
    }

    #pageRegistrationRegister .partialRegistrationRegisterContactInfo .gray-labels {
        color: #8294aa;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        margin-top: 1px;
        margin-bottom: 20px;
    }

}


/* partialRegistrationRegisterKeepMeUpdated
 * =================== */

#pageRegistrationRegister .partialRegistrationRegisterKeepMeUpdated {
    margin-top: 24px;
    margin-bottom: 28px;
}

#pageRegistrationRegister .partialRegistrationRegisterKeepMeUpdated h3 {
    margin-bottom: 16px;
}

#pageRegistrationRegister .partialRegistrationRegisterKeepMeUpdated .registrationStayUpToDate {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#pageRegistrationRegister .partialRegistrationRegisterKeepMeUpdated .registrationKeepMeUpdated {
    margin-bottom: 15px;
}

#pageRegistrationRegister .partialRegistrationRegisterKeepMeUpdated .checkbox-group > .richCheckBox {
    position: relative;
    top: -1px;
    float: left;
    margin-right: 0;
}

#pageRegistrationRegister .partialRegistrationRegisterKeepMeUpdated .checkbox-group > label {
    display: block;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    max-width: 520px;
    overflow: hidden;
}

@media screen and (max-width: 767px) {

    #pageRegistrationRegister .partialRegistrationRegisterKeepMeUpdated {
        margin-top: 37px;
        margin-bottom: 36px;
    }

    #pageRegistrationRegister .partialRegistrationRegisterKeepMeUpdated h3 {
        margin-bottom: 9px;
    }

    #pageRegistrationRegister .partialRegistrationRegisterKeepMeUpdated .registrationStayUpToDate {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 22px;
    }

    #pageRegistrationRegister .partialRegistrationRegisterKeepMeUpdated .checkbox-group {
        margin-bottom: 23px;
    }

    #pageRegistrationRegister .partialRegistrationRegisterKeepMeUpdated .checkbox-group > .richCheckBox {
        margin-right: 0;
    }

}

/* partialRegistrationRegisterTerms
 * =================== */

#pageRegistrationRegister .partialRegistrationRegisterTerms {
    margin-top: 24px;
    margin-bottom: 32px;
}

#pageRegistrationRegister .partialRegistrationRegisterTerms h3 {
    margin-bottom: 15px;
}

#pageRegistrationRegister .partialRegistrationRegisterTerms .checkbox-group > .richCheckBox {
    position: relative;
    top: -3px;
    float: left;
    margin-right: 10px;
}

#pageRegistrationRegister .partialRegistrationRegisterTerms .checkbox-group > label {
    display: block;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    max-width: 620px;
    overflow: hidden;
}

#pageRegistrationRegister .partialRegistrationRegisterTerms .customScroll.termsAndConditionsBlock {
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {

    #pageRegistrationRegister .partialRegistrationRegisterTerms {
        margin-top: 36px;
        margin-bottom: 44px;
    }

    #pageRegistrationRegister .partialRegistrationRegisterTerms h3 {
        margin-bottom: 9px;
    }

    #pageRegistrationRegister .partialRegistrationRegisterTerms .checkbox-group {
        margin-bottom: 30px;
    }

    #pageRegistrationRegister .partialRegistrationRegisterTerms .checkbox-group > label {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px!important;
        font-weight: 400;
        line-height: 20px;
    }

    #pageRegistrationRegister .partialRegistrationRegisterTerms .checkbox-group > .richCheckBox {
        margin-right: 5px;
        top: 0;
    }

    #pageRegistrationRegister .partialRegistrationRegisterTerms .customScroll.termsAndConditionsBlock {
        margin-bottom: 20px;
    }

}


/* Alert Error
 * =================== */
#pageRegistrationRegister #alert-error #error-listing-container {
    padding-left: 36px;
    margin-bottom: 17px;
}

#pageRegistrationRegister #alert-error #error-listing-container > ul {
    margin: 0;
}

#pageRegistrationRegister .uiPlus .partialRegistrationRegisterPersonalInfo .inlineErrors,
#pageRegistrationRegister .uiPlus .partialRegistrationRegisterContactInfo  .inlineErrors {
    margin-left: 16px;
    margin-bottom: 17px;
}

@media screen and (max-width: 767px) {

    #pageRegistrationRegister .uiPlus .partialRegistrationActivateVerifyMembership .inlineErrors,
    #pageRegistrationRegister .uiPlus .partialRegistrationActivateTypeMembership  .inlineErrors {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        margin-left: 16px;
        margin-bottom: 17px;
    }

}

/**************************************************
 * Registration Activate Page - registration-activate.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: macak009 $
 * $Revision: #3 $
 * $Change: 1633019 $
 * $Date: 2016/05/25 $
 **************************************************/

#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow {
    padding: 20px;
}

#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationHeaderSection {
    max-width: 615px;
}

#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationQuestion h3 {
    float: left;
    line-height: 25px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin-bottom: 9px;
}

#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationQuestion .pull-right {
    font-size: 14px;
    color: #ccc;
}

#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationQuestion {
    margin-top: 34px;
}


#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationQuestionButtons li {
    margin-bottom: 0;
}

#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationFooterBody .registrationFooterInner .btn-cancel,
#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationFooterBody .registrationFooterInner .btn-success {
    border-radius: 4px;
    font-size: 14px;
    box-shadow: none;
    width: 160px;
}

#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationFooterBody .registrationFooterInner .btn-success {
    background-color: #6fa623;
    color: #fff;
    float: right;
    padding: 8px 20px;
}

#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationFooterBody .registrationFooterInner .btn-cancel {
    background: transparent;
    color: #00739a;
    float: left;
    border: 2px solid #00739a;
    padding: 6px 20px;
}

#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationMembershipInfo {
    margin-bottom: 55px;
    max-width: 480px;   
}

#pageRegistrationActivate .dvui-panel-lg>.panel-body.dvui-adjust-subflow .registrationMembershipInfo .pull-right {
    margin-right: 22px;
}

#pageRegistrationActivate .registrationMembershipInfo .inlineErrors.inline20px li,
#pageRegistrationActivate .registrationMembershipInfo .inlineErrors li {
    float:left;
}

#pageRegistrationActivate .registrationMembershipInfo .inlineErrors.inline20px li:first-child,
#pageRegistrationActivate .registrationMembershipInfo .inlineErrors li:first-child {
    margin-right: 56px;
}

#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationMembershipInfo .clubId {
    float: left;
}

#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationMembershipInfo .input-group .textInput  {
    width: 215px;
}

#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationMembershipInfo .input-group .textInput input  {
    width: 100%;
}

#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationMembershipInfo .jsvfElement .uiToolTip span {
    margin-top: -21px;
}

#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationMembershipInfo .input-group label {
    font-size: 14px;
    margin-bottom: 11px;
}

#pageRegistrationActivate .jsvfElement .standardFormElement .inlineErrors, .jsvfElement > .inlineErrors {
    position: absolute;
    width: 239px;
    font-size: 12px;
    margin-left: 0;
}

#pageRegistrationActivate .registrationMembershipInfo .inlineErrors.inline20px {
    margin-top: 0;
}

#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationQuestionButtons ol li:nth-child(1) label {
    margin-bottom: 2px;
}

#pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationQuestionButtons ol {
    margin-bottom: 49px;
    margin-right: 0;
}


@media screen and (max-width: 767px) { 
    
    #pageRegistrationActivate .registrationMembershipInfo .inlineErrors.inline20px,
    #pageRegistrationActivate .registrationMembershipInfo .inlineErrors {
        margin-top: 0;
    }
    
    #pageRegistrationActivate .dvui-panel-lg>.panel-body.dvui-adjust-subflow {
        padding: 21px 20px 10px;
    }
    
    #pageRegistrationActivate .dvui-panel-lg>.panel-body.dvui-adjust-subflow .registrationHeaderSection p,
    #pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationMembershipInfo .jsvfElement input[type="text"],
    #pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationMembershipInfo .jsvfElement input[type="password"],
    #pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationMembershipInfo .jsvfElement    {
        width: 100%;
    }
    
    #pageRegistrationActivate .dvui-panel-lg>.panel-body.dvui-adjust-subflow .registrationQuestion h3 {
        margin-bottom: 4px;
    }
    
    #pageRegistrationActivate .dvui-panel-lg>.panel-body.dvui-adjust-subflow .registrationHeaderSection p {
        margin-bottom: 0;
    }
    
    #pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationMembershipInfo .pull-right {
        display: block;
        margin-top: 23px;
        float: none !important;
    }
    
    #pageRegistrationActivate .dvui-panel-lg>.panel-body.dvui-adjust-subflow .registrationQuestion {
        position: relative;
        margin-top: 54px;
    }
    
    #pageRegistrationActivate .dvui-panel-lg>.panel-body.dvui-adjust-subflow .registrationMembershipInfo {
        width: auto;
        margin: -17px 0 64px;
    }
    
    #pageRegistrationActivate .dvui-panel-lg>.panel-body.dvui-adjust-subflow .registrationMembershipInfo .clubId {
        float: none;
        width: 100%;
    }
    
    #pageRegistrationActivate .dvui-panel-lg>.panel-body.dvui-adjust-subflow .registrationMembershipInfo .input-group label {
        font-size: 12px;
    }
    
    #pageRegistrationActivate .dvui-panel-lg>.panel-body.dvui-adjust-subflow .registrationQuestion .pull-right {
        position: absolute;
        right: 0;
        top: -30px;
    }
    
    #pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationFooterBody .registrationFooterInner {
        display: table !important;
        border-collapse: separate;
        border-spacing: 10px;
        width: 100%;
    }
    
    #pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationFooterBody .registrationFooterInner .btnCancel,
    #pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationFooterBody .registrationFooterInner .btnSuccess {
        display: table-cell;
    }
    
    #pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationFooterBody .registrationFooterInner .btnCancel {
        width: 33%;
    }
    
    #pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationFooterBody .registrationFooterInner .btnSuccess {
        width: 66%;
    }
    
    #pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationFooterBody .registrationFooterInner .btnCancel .btn-cancel,
    #pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationFooterBody .registrationFooterInner .btnSuccess .btn-success {
        width: 100%;
    }
    
    #pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationFooterBody  .btnHolder {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    #pageRegistrationActivate .dvui-panel-lg > .panel-body.dvui-adjust-subflow .registrationQuestionButtons ol li:nth-child(1) {
        margin-bottom: 10px;
    }
    
    #pageRegistrationActivate .dvui-panel-lg>.panel-body.dvui-adjust-subflow .registrationMembershipInfo h3 {
        margin-bottom: 15px;
    }
}

#pageRegistrationActivate .reg_form {
    padding-bottom: 0;
}

#pageRegistrationActivate .dvui-fieldset-row {
    margin-bottom: 13px;
}

/* #partialRegistrationActivateVerifyMembership
 * =================== */

#partialRegistrationActivateVerifyMembership div.horizontalSeparator {
    margin-top: 34px;
    margin-bottom: 28px;
}

@media screen and (max-width: 767px) {

    #partialRegistrationActivateVerifyMembership div.horizontalSeparator {
        margin-top: 33px;
        margin-bottom: 33px;
    }

}


/* partialRegistrationActivateTypeMembershipExisting
 * =================== */

#pageRegistrationActivate .partialRegistrationActivateTypeMembershipExisting #retrieve_username_link,
#pageRegistrationActivate .partialRegistrationActivateTypeMembershipExisting #retrieve_password_link {
    font-size: 12px;
}

#partialRegistrationActivateTypeMembership .partialRegistrationActivateTypeMembershipExisting .dvui-fieldset-header > h3 {
    margin-bottom: 0;
}

#partialRegistrationActivateTypeMembership .partialRegistrationActivateTypeMembershipNew .dvui-fieldset-header > h3 {
    margin-bottom: 0;
}

/* partialRegistrationActivateTypeMembershipNew
 * =================== */


#pageRegistrationActivate .partialRegistrationActivateTypeMembershipNew .formHandler #dateOfBirthDayid-base,
#pageRegistrationActivate .partialRegistrationActivateTypeMembershipNew .formHandler #dateOfBirthYearid-base {
    top: 0;
}

#pageRegistrationActivate .partialRegistrationActivateTypeMembershipNew #partialRegistrationActivateTypeMembershipBirthdayRow #dateOfBirthMonth-wrapper {
    display: block;
}


#pageRegistrationActivate .partialRegistrationActivateTypeMembershipNew #partialRegistrationActivateTypeMembershipBirthdayRow > .formHandler {
    display: block;
    width: 100%;
}

#pageRegistrationActivate .partialRegistrationActivateTypeMembershipNew #partialRegistrationActivateTypeMembershipBirthdayRow > .formHandler > dt {
    display: table-cell;
    float: none;
    vertical-align: bottom;
}

#pageRegistrationActivate dl#usernamePasswordLinks dt.dvui-fieldset-col {
    width: 192px;
}

@media screen and (max-width: 767px) {

    form#members_activation #partialRegistrationActivateTypeMembershipBirthdayRow #dateOfBirthYear {
        width: 100%;
    }

    #pageRegistrationActivate .partialRegistrationActivateTypeMembershipNew #partialRegistrationActivateTypeMembershipBirthdayRow > .formHandler {
        display: table;
        width: 100%;
    }

    #pageRegistrationActivate .partialRegistrationActivateTypeMembershipNew #partialRegistrationActivateTypeMembershipBirthdayRow > .formHandler > dt {
        float: none;
        padding: 0 5px;
    }

    #pageRegistrationActivate .partialRegistrationActivateTypeMembershipNew #partialRegistrationActivateTypeMembershipBirthdayRow > .formHandler > dt:first-child {
        padding-left: 0;
    }

    #pageRegistrationActivate .partialRegistrationActivateTypeMembershipNew #partialRegistrationActivateTypeMembershipBirthdayRow > .formHandler > dt:last-child {
        padding-right: 0;
    }

}

/* alert-error
 * =================== */
 
#pageRegistrationActivate .dvcss-page-body #members_activation .dvui-error-state-header {
    margin-top: 25px;
    margin-bottom: -32px;
}
 
@media screen and (max-width: 767px) {
    
    #pageRegistrationActivate .dvcss-page-body #members_activation .dvui-error-state-header {
        margin-top: 25px;
        margin-bottom: -15px;
    }

}



/**************************************************
 * Add New Membership Page - new-membership.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1632908 $
 * $Date: 2016/05/25 $
 **************************************************/

#pageAddNewMembership #pageDescription,
#pageExistingAccountInfo #pageDescription {
    margin: 0;
}
#pageAddNewMembership #pageDescription h4,
#pageExistingAccountInfo #pageDescription h4 {
    line-height: 18px;
    margin-bottom: 0;
}
#pageAddNewMembership #pageDescription .horizontalSeparator,
#pageExistingAccountInfo #pageDescription .horizontalSeparator {
    margin: 40px 0;
}
#pageAddNewMembership #disneyAccount .horizontalSeparator,
#pageExistingAccountInfo #disneyAccount .horizontalSeparator {
    margin: 40px 0;
}
#pageAddNewMembership #haveExistingAccount .createAccount,
#pageExistingAccountInfo #haveExistingAccount .createAccount {
    color: #253b56;
    font-size: 14px;
    font-weight: 600;
}
#pageAddNewMembership #haveExistingAccount .createAccount .pepMdxIcon,
#pageExistingAccountInfo #haveExistingAccount .createAccount .pepMdxIcon {
    font-size: 20px;
    left: 0;
    position: relative;
    top: 4px;
}
#pageAddNewMembership #haveExistingAccount .createAccount:hover,
#pageExistingAccountInfo #haveExistingAccount .createAccount:hover {
    color: #00739a;
}
@media screen and (max-width: 767px) {
    #pageAddNewMembership #pageDescription h4,
    #pageExistingAccountInfo #pageDescription h4 {
        line-height: 20px;
        margin-top: 16px;
    }
    #pageAddNewMembership #pageDescription .horizontalSeparator,
    #pageExistingAccountInfo #pageDescription .horizontalSeparator {
        margin: 36px 0;
    }
    #pageAddNewMembership #disneyAccount .horizontalSeparator,
    #pageExistingAccountInfo #disneyAccount .horizontalSeparator {
        margin: 40px 0 36px 0;
    }
}

#dmeRequestPage  .dvcss-page-header-content {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

#dmeRequestPage  .dvcss-page-header-content .dvui-breadcrumb {
    padding-top: 0;
}

#dmeRequestPage .subHeroMediaContent .dvcss-content-title {
    color: #fff;
    font-size: 50px;
    font-family: Avenir-heavy,Avenir,Helvetica,Arial,sans-serif;
    letter-spacing: -0.6px;
}

#dmeRequestPage .cms-widget-media-banner {
    position: relative;
    display: block;
}

#dmeRequestPage .hero-media-text {
    position: absolute;
    top: 45%;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align:middle;
}

#dmeRequestPage .page-intro {
    max-width: 700px;
    text-align: center;
    margin: 20px auto 0;
}

#dmeRequestPage .medium {
    width: 185px;
}
#dmeRequestPage .short .selectBox {
    width: 113px;
}
#dmeRequestPage strong {
    font-family: Avenir-heavy,Avenir,Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #130026;
}
#dmeRequestPage .page-intro p  {
    max-width: 600px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 24px;
}

#dmeRequestPage .col-md-6,
#dmeRequestPage .col-md-4,
#dmeRequestPage .col-md-8,
#dmeRequestPage .col-xs-6,
#dmeRequestPage .col-xs-4,
#dmeRequestPage .col-xs-8,
#dmeRequestPage .col-md-10,
#dmeRequestPage .col-xs-10 {
    padding: 0;
}

#dmeRequestPage .row div[class^='col-']:last-child,
#dmeRequestPage .row div[class*=' col-']:last-child {
    text-align: right;
}

#dmeRequestPage .row div[class^='col-']:last-child div,
#dmeRequestPage .row div[class*=' col-']:last-child div {
    text-align: left;
}

#dmeRequestPage .page-intro h2 {
    font-family: Avenir-black,Avenir,Helvetica,Arial,sans-serif !important;
    font-size: 24px;
    color: #00233C;
    line-height: 32px;
}

#dmeRequestPage .guest-counter div {
    padding: 0;
}

#dmeRequestPage .guest-counter .counter {
    font-family: Avenir-light,Avenir,Helvetica,Arial,sans-serif;
    font-size: 36px;
    color: #00233C;
    line-height: 32px;
    display: inline-block;
    width: 45px;
    text-align: center;
}

#dmeRequestPage .guest-counter .counter::after {
    content: "";
    clear: both;
    display: table;
}

#dmeRequestPage .guest-counter div:last-child {
    text-align: right;
    padding: 0;
}

#dmeRequestPage .guest-counter .dvcss-pepmdxicon {
    font-size: 34px;
    text-align: center;
    color: #00739A;
    cursor: pointer;
    font-family: "pepmdx2";
}

#dmeRequestPage .guest-counter .dvcss-pepmdxicon:hover,
#dmeRequestPage .guest-counter .dvcss-pepmdxicon:focus {
    text-decoration: none;
}

#dmeRequestPage .guest-counter .add-btn::after {
     content: "\e32f";
}
#dmeRequestPage .guest-counter .remove-btn::after {
     content: "\e330";
}
#dmeRequestPage .guest-counter .add-btn:hover::after{
    color: #00233C;
    content: "\e32f";
}
#dmeRequestPage .guest-counter .remove-btn:hover::after{
    color: #00233C;
    content: "\e330";
}

#dmeRequestPage .guest-counter .add-btn:focus::after {
    content: "\e301";
    color: #00233C;
}
#dmeRequestPage .guest-counter .remove-btn:focus::after {
    content: "\e315";
    color: #00233C;
}
#dmeRequestPage .guest-counter .add-btn.disabled::after {
      content: "\e32f";
     color: #BBE0F3;
}
#dmeRequestPage .guest-counter .remove-btn.disabled::after {
     content: "\e330";
     color: #BBE0F3;
}

#dmeRequestPage .flight-information:not(:first-child) {
    margin-top: 70px;
}


#dmeRequestPage .footer-action-buttons {
    text-align: center;
}

#dmeRequestPage .footer-action-buttons .button {
    width: 140px
}

#dmeRequestPage .guest-counter {
    font-family: Avenir-heavy,Avenir,Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #00233C;
    line-height: 24px;
}

#dmeRequestPage .guest-counter div:first-child {
    padding-top: 10px;
}

#dmeRequestPage .add-dme-flight-info {
    margin-top: 70px;
}

#dmeRequestPage .add-dme-flight-info {
    font-family: Avenir-heavy,Avenir,Helvetica,Arial,sans-serif;
    font-size: 18px;
    color: #00739A;
    line-height: 34px;
}

#dmeRequestPage .add-dme-flight-info i {
    font-size: 26px;
    color: #00739A;
    line-height: 24px;
}

#dmeRequestPage .page-header {
    text-align: center;
    border: none;
    margin-top: 0;
}
#dmeRequestPage .page-header hr {
    margin-top: -21px;
}

#dmeRequestPage .text-required {
    font-size: 14px;
    color: #A0AFC1;
    line-height: 24px;
}

#dmeRequestPage .section-main-header  {
    margin-bottom: 20px;
}

#dmeRequestPage .dvui-fieldset .textInput {
    margin-top: 0;
}

#dmeRequestPage .reservation-info {
    margin-top: 70px;
}

#dmeRequestPage .page-header i {
    position: relative;
    z-index: 1;
    font-size: 44px;
    color: #00233C;
    background: #FFF;
    padding: 0 15px;
}

#dmeRequestPage .dvcss-panel-form-footer-actions {
    border: none;
}

#dmeRequestPage .section-separator {
    margin: 35px 0;
}

#dmeRequestPage hr {
    margin-left: 0px;
    width: 100%;
}

#dmeRequestPage .input-disclaimer {
    font-size: 12px;
    color: #78899E;
}

#dmeRequestPage #departureInformation {
    margin-top: 50px;
}

/** Confirmation Page **/

#dmeRequestPage a:hover {
    text-decoration: none;
}

#dmeRequestPage #tripOptions {
    text-align: left;
    border-bottom: 1px solid #A5B3C3;
    border-radius: 0;
    padding-bottom: 30px;
    border-radius: 0;
}

#dmeRequestPage #tripOptions h3 {
    color: #00233C;
    font-family: Avenir-black,Avenir,Helvetica,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
}

#dmeRequestPage #confirmationMessage {
    border-bottom: 1px solid #A5B3C3;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    border-radius: 0;
    padding: 29px 0;
    text-align: center;
    padding: 0 0 25px 0;
}

#dmeRequestPage #confirmationMessage .dvcss-content-title {
    font-family: Avenir-light,Avenir,Helvetica,Arial,sans-serif;
    font-size: 28px;
    color: #00233C;
}

#dmeRequestPage #confirmationMessage .text {
    width: 62%;
    margin: 20px auto;
    font-family: Avenir-roman,Avenir,Helvetica,Arial,sans-serif;
    font-size: 16px;
}
#dmeRequestPage .trip-option {
    background: #fff;
    border: 1px solid #e2e2e2;
    display: table-cell;
    padding: 16px;
    vertical-align: top;
    border-radius: 8px;
    display: table;
    min-height: 157px;
    width: 140px;
    line-height: 24px;
    text-align: left;
}

#dmeRequestPage .dvcss-panel.panel-lg>.panel-body,
#dmeRequestPage .dvcss-panel.panel-lg>.panel-heading {
    padding-left: 0;
    padding-right: 0;
}

#dmeRequestPage .trip-option:hover,
#dmeRequestPage .trip-option:focus {
    background: #00739A;
    border: 1px solid #E2E2E2;
}

#dmeRequestPage .trip-option:hover i,
#dmeRequestPage .trip-option:focus i,
#dmeRequestPage .trip-option:hover p,
#dmeRequestPage .trip-option:focus p {
    color: #FFF;
}

#dmeRequestPage .trip-option i{
    color: #00739a;
    font-size: 36px;
    margin-left: -10px;
}
#dmeRequestPage .trip-option p {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #00233C;
    line-height: 24px;
    margin: 0;
}

#dmeRequestPage .dme-confirmation-story-card .media-body,
#dmeRequestPage .dme-confirmation-story-card .media-left,
#dmeRequestPage .dme-confirmation-story-card .media-right {
    display: table-cell;
    vertical-align: top;
    float: none;
}

#dmeRequestPage .dme-confirmation-story-card .media {
    background: 0 0;
    border-bottom: 1px solid #A5B3C3;
    color: #00233C;
    font-family: Avenir-roman,Avenir,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 18px 0 0;
}

#dmeRequestPage .dme-confirmation-story-card .media-body {
    width: 10000px;
}

#dmeRequestPage .dme-confirmation-story-card .media-body h3 {
    color: #00739a;
    margin-bottom: 10px;
    color: #00233C;
    font-family: Avenir-black,Avenir,Helvetica,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
}

#dmeRequestPage .dme-confirmation-story-card .media-left {
    padding-right: 21px;
}

#dmeRequestPage .dme-confirmation-story-card .media-left i {
    font-size: 36px;
}

#dmeRequestPage .dme-confirmation-story-card .media-right {
    vertical-align: middle;

}

#dmeRequestPage .dme-confirmation-story-card .media-right i {
    font-size: 26px;
    color: #d0d7de;
}

#dmeRequestPage .dme-confirmation-story-card  a>.media:hover .media-right i {
    color: #00739a;
}

#dmeRequestPage .peptasia-calendar {
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 20px;
}


#dmeRequestPage div.datePicker {
    position: relative;
}

#dmeRequestPage .dvcCalendar {
    width: 240px;
    margin: 0 auto;
    margin-top: 5px;
}

#dmeRequestPage .dvcCalendar .fc-view-container {
    border: 1px solid #D0D7DE;
    padding: 15px;
}

* Remove/Add Animations */
#dmeRequestPage div.added-item {
    animation: added-dme-block 0.4s ease;
}

@keyframes added-dme-block {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

#dmeRequestPage .modal {
    background: rgba(255,255,255,0.90);
}
#dmeRequestPage .modal-content {
    box-shadow: none;
    border-radius: 0;
    border: 2px solid #A1AFC0;
    -webkit-box-shadow: 0;
    text-align: left;
    padding: 10px 20px 30px;
}
#dmeRequestPage .modal-body {
    text-align: left;
    padding-top: 0;
    font-size: 16px;
}
#dmeRequestPage .modal-dialog {
    top: 10%;
}
#dmeRequestPage .close {
    float: right;
    opacity: 1;
    font-size: 30px;
    color: #A1AFC0;
}
#dmeRequestPage .modal-header {
    border-bottom: none;
    padding-bottom: 0;
}

#dmeRequestPage .modal-title {
    font-family: Avenir-black, Helvetica, Arial, sans-serif !important;
}

#dmeRequestPage .first-two-col {
        margin-right: 15px;
}

#dmeRequestPage .last-two-col {
    margin-left: 15px;
}

#dmeRequestPage .first-three-col {
    margin-right: 20px;
}

#dmeRequestPage .second-three-col {;
    margin: 0 10px;
}
#dmeRequestPage .last-three-col {
    margin-left: 20px;
}

#dmeRequestPage  .modal-footer {
    margin-top: 80px;
}

#dmeRequestPage  .modal-footer .btn {
     line-height: 10px;
}

#dmeRequestPage .flight-counter-header {
    margin-top: 0;
}


#dmeRequestPage #arrivalFlightInfoButtonContainer .dvcss-pepmdxicon,
#dmeRequestPage #arrivalFlightInfoButtonContainer i.dvcss-pepmdxicon {
    top: 5px;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    #dmeRequestPage .panel-body {
        padding-top: 0;
    }
    #dmeRequestPage .dvcss-page-header {
        padding: 0;
    }
    #dmeRequestPage .subHeroMediaContent .dvcss-content-title {
        font-size: 28px;
        letter-spacing: -0.28px;
        line-height: 31px;
        text-shadow: 0 2px 12px rgba(0,0,0,0.38);
    }

    #dmeRequestPage .page-intro h2,
    #dmeRequestPage .page-intro  p {
        text-align: left
    }

    #dmeRequestPage .medium, #dmeRequestPage .short .selectBox {
        width: 100%;
    }

    #dmeRequestPage .dvcCalendar {
        width: 100%;
        margin-top: -5px;
    }
    #dmeRequestPage .input-clear{
        position: absolute;
        right: 0;
        width: 25px;
        z-index: 9;
        display: inline-block;
        height: 30px;
    }
    #dmeRequestPage .clear-icon {
        transition: max-width 0.3s;
        display: block;
        max-width: 0px;
        font-size: 20px;
        color: #78899E;
        overflow: hidden;
    }
    #dmeRequestPage .show {
        cursor: pointer;
        max-width:20px;
        width: 20px;
        overflow: unset;
    }

    /** Modal **/

    #dmeRequestPage .modal {
        background: #fff;
    }
    #dmeRequestPage  .modal-dialog {
        top: 0;
        margin: 0;
    }
    #dmeRequestPage  .modal-content {
        border: none;
        padding:0;
    }
    #dmeRequestPage  .modal-title {
        font-size: 20px;
        text-align: center;
        line-height: 20px;
    }
    #dmeRequestPage  .modal-header {
        border-bottom: 1px solid #ECF1F4;
    }
    #dmeRequestPage  .modal-body {
        padding: 20px;
    }

    #dmeRequestPage  .modal-footer .btn {
         margin-left: 0;
         margin-top: 20px;
     }

    /** Confirmation Page **/
    #dmeRequestPage #confirmationMessage .dvcss-content-title {
        text-align: left
    }
    #dmeRequestPage #confirmationMessage .text {
        width: 100%;
        text-align: left;
    }
    #dmeRequestPage .trip-option {
        margin: 0 0 20px 20px;
    }

    #dmeRequestPage #tripOptions {
        padding-bottom: 0;
    }

    #dmeRequestPage .footer-action-buttons .button {
        width: 100%;
    }

}

/**************************************************
 * Modal Permission to Call - modal-permission-to-call.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1636081 $
 * $Date: 2016/06/21 $
 **************************************************/

#modalPermissionToCall .modal-header {
    padding-top: 24px;
}

#modalPermissionToCall .modal-header h4 {
    line-height: 34px;
}

#modalPermissionToCall .modal-header .modal-header-inner {
    padding-bottom: 12px;
}

#modalPermissionToCall .modal-body {
    padding: 0 30px 18px;
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #modalPermissionToCall .modal-header {
        padding-top: 14px;
    }

    #modalPermissionToCall .modal-header h4 {
        line-height: 30px;
    }

    #modalPermissionToCall .modal-header .modal-header-inner {
        padding-bottom: 12px;
    }

    #modalPermissionToCall .modal-body {
        padding: 0 20px 17px;
    }

}

/**************************************************
 * Modal Please Wait - modal-please-wait.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1636081 $
 * $Date: 2016/06/21 $
 **************************************************/

#modalPleaseWait .dvcss-dt-cell {
    vertical-align: middle;
}

#modalPleaseWait .modalPleaseWaitBodyLoading {
    height: 50px;
}

#modalPleaseWait .modalPleaseWaitBodyHeading {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
}

#modalPleaseWait .modalPleaseWaitBodyDesc {
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#modalPleaseWait .modalPleaseWaitBodyDesc p {
    margin-bottom: 0;
}

/* Mobile only */
@media (max-width: 767px) {

    #modalPleaseWait .modal-body .dvcss-dt {
        display: block;
        text-align: center;
    }

    #modalPleaseWait .modal-body .dvcss-dt-cell {
        display: block;
    }

    #modalPleaseWait .modalPleaseWaitBodyDesc {
        max-width: 533px;
        margin: 0 auto;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }

}

/**************************************************
 * Modal RCI Book Online - modal-rci-book-online.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1636081 $
 * $Date: 2016/06/21 $
 **************************************************/

#rciBookOnlineModal {
    text-align: left;
}

#rciBookOnlineModal a#rciBookingModalContinueButton:hover,
#rciBookOnlineModal a#rciBookingModalContinueButton:active,
#rciBookOnlineModal a#rciBookingModalContinueButton:link,
#rciBookOnlineModal a#rciBookingModalContinueButton:visited {
    text-decoration: none;
}

/********** Header **********/

#rciBookOnlineModal .modal-header {
    border-bottom: 0;
    padding: 23px 27px 0;
    text-align: left;
}

#rciBookOnlineModal .modal-header-inner {
    padding-bottom: 0;
}

#rciBookOnlineModal .modal-title {
    color: #253B56;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    margin: 0 0 0;
}

#rciBookOnlineModal .modal-header p {
    color: #253B56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
}

/********** Body **********/

#rciBookOnlineModal .modal-xs-fullscreen .modal-body {
    padding-top: 21px;
    padding-bottom: 27px;
}

#rciBookOnlineModal .modal-xs-fullscreen .modal-body ul {
    margin-left: 16px;
}

#rciBookOnlineModal .modal-dialog .modal-content .modal-main .modal-body p.rciModalMemberNumberDropdown {
    font-weight: bold;
    margin: 20px 0 0 0;
}

/********** Footer **********/

#rciBookOnlineModal .modal-xs-fullscreen .modal-footer {
    padding: 0;
    border-top: 0;
}

#rciBookOnlineModal .modal-xs-fullscreen .modal-footer .modal-footer-inner {
    padding: 0 20px;
}

#rciBookOnlineModal .modal-xs-fullscreen .modal-footer .modal-footer-body {
    padding: 15px 0;
}


/* Mobile only */
@media screen and (max-width: 767px) {

    /********** Header **********/

    #rciBookOnlineModal .modal-header {
        padding: 9px 18px 0;
    }
    
    #rciBookOnlineModal .modal-header-inner {
        padding-bottom: 9px;
    }
    
    #rciBookOnlineModal .modal-title {
        color: #253B56;
          font-family: Avenir-light, Helvetica, Arial, sans-serif;
          font-size: 24px;
          font-weight: 100;
          line-height: 30px;
          margin-bottom: 10px;
    }
    
    #rciBookOnlineModal .modal-header p {
        color: #253B56;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 8px;
    }

    /********** Body **********/

    #rciBookOnlineModal .modal-xs-fullscreen .modal-body {
        padding-top: 10px;

    }
    #rciBookOnlineModal .modal-xs-fullscreen .modal-body-inner {
        position: relative;
        padding-top: 0;
        height: 100%;
        display: table-row;
    }

    /********** Footer **********/

    #rciBookOnlineModal .modal-xs-fullscreen .modal-footer {
        border: 0 none;
        padding: 20px 0
    }
    #rciBookOnlineModal .modal-xs-fullscreen .modal-footer .modal-footer-inner {
        padding: 0 15px;
    }
    #rciBookOnlineModal .modal-xs-fullscreen .modal-footer .modal-footer-body {
        padding: 15px 0;
        border-top: 0;
    }

    #pointChartModal.rciPointsChartModal .modal-xs-fullscreen .modal-body-inner {
        padding-top: 15px;

    }

}

/**************************************************
 * Modal Direction - modal-direction.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: rtuazon $
 * $Revision: #1 $
 * $Change: 1636081 $
 * $Date: 2016/06/21 $
 **************************************************/

#directionModal .modal-header-inner {
    padding-bottom: 0;
    color: #253b56;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    line-height: 34px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #directionModal .modal-header {
        padding: 14px 18px 0;
    }

    #directionModal .modal-header-inner {
        padding-bottom: 0;
        color: #253b56;
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
    }

}

/*----------------------------------------
 * Body
 *----------------------------------------*/

#directionModal .modal-xs-fullscreen .modal-body {
    padding-top: 16px;
    padding-bottom: 3px;
}

#directionModal .modal-body-inner {
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#directionModal .modal-body-inner strong {
    color: #253b56;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

#directionModal .modal-body-inner p {
    margin: 0 0 15px;
}

#directionModal .modal-body-inner ul {
    margin: 0 0 15px;
    padding: 0 0 0 17px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    #directionModal .modal-xs-fullscreen .modal-body {
        padding: 16px 19px 3px;
    }

    #directionModal .modal-xs-fullscreen .modal-body-inner {
        padding-top: 0;
    }

}

#modalIEWarning .dvcss-dt-cell {
    vertical-align: middle;
}

#modalIEWarning .modalPleaseWaitBodyLoading {
    height: 50px;
}

#modalIEWarning .modalPleaseWaitBodyHeading {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
}

#modalIEWarning .modalPleaseWaitBodyDesc {
    color: #253b56;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#modalIEWarning .modalPleaseWaitBodyDesc p {
    margin-bottom: 0;
}

#modalIEWarning .cta-button {
    padding: 10px 10px 0;
}

#modalIEWarning .btn-primary:active {
    background: #00739A;
}

#modalIEWarning .btn-primary:focus, 
#modalIEWarning .btn-primary:hover {
    background: #003F54!important;
    border-color: #003F54!important;
}

#modalIEWarning .cta-button .btn {    
    height: 44px;
    background-color: #1A82A5;
    border: 3px solid #1A82A5;
    border-radius: 4px;
    font-family: Avenir-black,Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #FFF!important;
    text-align: center;
    line-height: 24px;
}

#modalIEWarningWrapperContainer { 
    position: fixed;
    display: none;    
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    opacity: 1;
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
}

.modalIEWarningWrapper {
    height: 100%;
    min-height: 100%;
    margin: 74px auto 48px;
    max-width: 640px;
}

/* Mobile only */
@media (max-width: 767px) {

    #modalIEWarning .modal-body .dvcss-dt {
        display: block;
        text-align: center;
    }

    #modalIEWarning .modal-body .dvcss-dt-cell {
        display: block;
    }

    #modalIEWarning .modalPleaseWaitBodyDesc {
        max-width: 533px;
        margin: 0 auto;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }

}


/**************************************************
 * Misc CSS - misc.css
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: jovaldez $
 * $Revision: #17 $
 * $Change: 1650401 $
 * $Date: 2017/02/21 $
 **************************************************/

/**----------------------------------------------------------------------
 * Member Referral Evergreen Form
 *
 * @url /members/introduce-a-friend/add/
 *----------------------------------------------------------------------*/

#modalIntroduceAFriendDone .uiToolTipBox {
    width: 154px;
}

/**----------------------------------------------------------------------
 * CTA Member Experiences Details
 *
 *----------------------------------------------------------------------*/

.dvui-cta.ctaOfferWrapper > div.leftOffers {
    margin-bottom: 0;
}

section.dvcDisclaimer .horizontalSeparator {
    display: none !important;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .facet-opened-xs body {
        overflow: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .facet-opened-xs body > .mainWrapper {
        overflow: hidden;
        height: 100%;
        width: 100%
    }

}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcTabbedPage .media-player-button a {
        left: 5%;
    }

    /* TO - DO: Add page specific ID, do not override globally to avoid conflict with other pages */
    .storyCardBlock dt.storyCardImageHolder.childStoryCardImage {
        display: none;
    }
    .storyCardBlock .customHorizontalSeparator {
        margin-top: 25px;
    }

}

div.stateInitialHide {
    display: none;
}

.testimonialBlock{
    margin: 25px 0 0 0;
    max-width: 250px;
}

.testimonialDescriptionBlock{
    border: 3px solid #cee2ec;
    border-radius: 14px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    padding: 20px 20px 20px 20px;
    text-align: center;
 }

.testimonialDetailBlock {
    display: table;
    padding: 5px 0 3px 40px;
    margin: 0 0 18px;
    width: 100%;
}

.testimonialDetailBlock dt {
    display: table-cell;
    vertical-align: middle;
}


.testimonialBlock .caret {
    display: block;
    position: relative;
    top: -3px;
    height: 30px;
    width: 53px;
    margin-left: 33px;
    margin-bottom: -4px;
    border: 0;
    overflow: hidden;
}

.testimonialBlock .caret:after {
    content: " ";
    position: absolute;
    top: -22px;
    left: 5px;
    height: 42px;
    width: 42px;
    background: #fff;
    border: 3px solid #cee2ec;
    border-radius: 0 0 6px 0;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.testimonialImageHolder {
     display: table-row;
     max-width: 100%;
     width: 38px;
}

.testimonialBriefDescription {
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    padding: 0 0 0 7px;
}

.testimonialBriefDescription .name{
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
}

/* Firefox */
@-moz-document url-prefix() {
    .testimonialDescriptionBlock:after {
        bottom: 138px;
    }
}

/* IE10+ */
_:-ms-lang(x), .testimonialDescriptionBlock:after {
        bottom: 139px;
}


/* Mobile only */
@media screen and (max-width: 767px) {

    .testimonialBlock {
        max-width: none;
    }

    .testimonialDescriptionBlock::after{
        bottom: 93px;
    }

    #partialLandingContent .innerFooterWrap #disclaimer-container .timeShareDisclaimer,
    #partialLandingContent .innerFooterWrap #disclaimer-container .timeShareDisclaimer p,
    #partialLandingContent #disclaimer-container .timeshare-disclaimer-section a,
    #partialLandingContent #disclaimer-container .timeshare-disclaimer-section {
        text-align: left;
    }

}


/**
 * INTRODUCE A FRIEND
 * ========================================
 *
 * @url /introduce-a-friend/
 */

/* Mobile only */
@media screen and (max-width: 767px) {

    .introduce-a-friend-dvcsitepage.innerContentStage .hr-faded.visible-xs:last-child {
        display: none!important;
        visibility: hidden;
    }

}

/** Display Show Less on the next line. **/
.innerContentStage .storyCardDescription div.pageMore > span.collapseStory {
    display: block;
    margin-top: 4px;
}

/*
 * Content Pages
 *========================================
 * @contentPages
 */

/***** Hero Media Section *****/

.mainContentPage .subHeroImageWrapper img.lazy {
    margin: 0 auto;
    width: auto;
}
.mainContentPage .subHeroImageWrapper .img-responsive {
    width: 100%;
    border-radius: 12px;
}

/***** Hero Media Mobile Section *****/

/** Mobile query **/
@media screen and (max-width: 767px) {
    .mainContentPage .subHeroImageMobileWrapper img.lazy {
        margin: 0 auto;
        width: auto;
    }
}

/***** Story Cards Section *****/

.mainContentPage .sectionStoryCards .subStoryCardMediaObjectWrapper img.lazy {
    margin: 0 auto;
    min-height: auto;
    width: auto;
}


.dvcLogo,
.fairyGodMotherIcon,
.memberSignOutLockedIcon,
.memberSignInIcon,
.promoLinkBlueArrow,
.subMenuRightArrow,
.globalNavigation .blockImageMenu li a:hover .subMenuRightArrow,
.globalNavigation .blockImageMenu li a:focus .subMenuRightArrow,
.nav .myMembership.open > a:hover .memberSignOutLockedIcon,
.nav .myMembership.open > a:focus .memberSignOutLockedIcon,
.nav .myMembership.open > a:hover .memberSignInIcon,
.nav .myMembership.open > a:focus .memberSignInIcon,
.mobileShowLinksClosed,
.mobileShowLinksOpen,
.signInDVCLogo,
.notificationBox,
#prevSlide,
#prevSlide:hover,
#prevSlide:focus,
#nextSlide.light,
#nextSlide.light:hover,
#nextSlide.light:focus,
.createAccountPlus,
.mobileGlobeIcon,
.exploreIcon,
.dclDestinationsIcon,
.vacationPackagesIcon,
.helpAndSupportIcon,
.aboutMeIcon,
.lockIcon,
#question_helper,
.mediaIcon67px,
.mediaIcon39px,
.mediaIcon67px:hover,
.mediaIcon67px:focus,
.mediaIcon39px:hover,
.mediaIcon39px:focus,
.blueWarmning {
    background: url("/media/dvc_site/images/sprite.png") no-repeat scroll;
}

.dvcLogo {
    background-position: 0 0;
    width: 182px;
    height: 35px;
}

.fairyGodMotherIcon {
    background-position: 0 -154px;
    width: 104px;
    height: 94px;
}

.memberSignOutLockedIcon {
    background-position: -27px -36px;
    width: 9px;
    height: 13px;
}

.nav .myMembership.open > a:hover .memberSignOutLockedIcon,
.nav .myMembership.open > a:focus .memberSignOutLockedIcon {
    background-position: -27px -62px;
    width: 9px;
    height: 13px;
}

.memberSignInIcon {
    background-position: -27px -49px;
    width: 9px;
    height: 13px;
}

.nav .myMembership.open > a:hover .memberSignInIcon,
.nav .myMembership.open > a:focus .memberSignInIcon {
    background-position: -1px -69px;
    width: 9px;
    height: 13px;
}

.promoLinkBlueArrow {
    background-position: -37px -36px;
    width: 5px;
    height: 8px;
}

.subMenuRightArrow {
    background-position: -1px -50px;
    width: 11px;
    height: 18px;
}

.globalNavigation .blockImageMenu li a:hover .subMenuRightArrow,
.globalNavigation .blockImageMenu li a:focus .subMenuRightArrow {
    background-position: -14px -56px;
    width: 11px;
    height: 18px;
}

.dvcLogoMobileVer {
    /*background: url("/media/dvc_site/images/dvc_logo_mobile.png") no-repeat scroll;*/
    width: 182px;
    height: 35px;
}

.mobileShowLinksClosed {
    background-position: -99px -36px;
    width: 15px;
    height: 15px;
}

.mobileShowLinksOpen {
    background-position: -115px -36px;
    width: 15px;
    height: 15px;
}

.signInDVCLogo {
    background-position: 0 -83px;
    width: 296px;
    height: 57px;
}

.notificationBox {
    display: inline-block;
    position: relative;
    top: 3px;

    height: 22px;
    width: 21px;

    background-position: -131px -36px;
    color: #fff;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-top: -7px;
    margin-left: 7px;
    padding: 4px 2px;
    text-align: center;
    vertical-align: middle;
}

/* IE10+ */
_:-ms-lang(x), .notificationBox {

}

/* Firefox */
@-moz-document url-prefix() {

    .notificationBox {
        padding-top: 3px;
    }

}

#prevSlide {
    background-position: -234px -1px;
    width: 50px;
    height: 75px;
    cursor: pointer;
}

#prevSlide:hover,
#prevSlide:focus {
    background-position: -184px -1px;
    width: 50px;
    height: 75px;
    border: 1px red solid;
}

#nextSlide.light {
    background-position: -382px -1px;
    width: 50px;
    height: 75px;
    cursor: pointer;
}

#nextSlide.light:hover,
#nextSlide.light:focus {
    background-position: -433px -1px;
    width: 50px;
    height: 75px;
}

.createAccountPlus {
    background-position: -154px -37px;
    width: 20px;
    height: 20px;
}

.mobileGlobeIcon {
    background-position: -47px -37px;
    width: 22px;
    height: 22px;
}

.exploreIcon {
    background-position: -114px -59px;
    width: 24px;
    height: 24px;
}

.dclDestinationsIcon {
    background-position: -139px -59px;
    width: 24px;
    height: 24px;
}

.vacationPackagesIcon {
    background-position: -164px -59px;
    width: 23px;
    height: 24px;
}

.helpAndSupportIcon {
    background-position: -45px -59px;
    width: 22px;
    height: 22px;
}

.aboutMeIcon {
    background-position: -68px -59px;
    width: 22px;
    height: 22px;
}

.lockIcon {
    background-position: -91px -59px;
    width: 22px;
    height: 24px;
}

#question_helper {
    background-position: -153px -36px;
    width: 16px;
    height: 16px;
    margin-bottom: 1px;
}

.uiToolTip > .pepMdxIcon {
    color: #8294AA;
    font-size: 15px;
    font-weight: 400;
    margin-left: 4px;
    vertical-align: middle;
}

.uiToolTip:hover > .pepMdxIcon {
    color: #0079BC;
}

.mediaIcon67px {
    background-position: -189px -3px;
    width: 67px;
    height: 67px;
    display: inline-block;
}

.mediaIcon39px {
    background-position: -217px -155px;
    width: 39px;
    height: 39px;
    display: inline-block;
}

.mediaIcon67px:focus,
.mediaIcon67px:hover {
    background-position: -257px -3px;
    width: 67px;
    height: 67px;
    cursor: pointer;
}

.mediaIcon39px:hover,
.mediaIcon39px:focus {
    background-position: -257px -155px;
    width: 39px;
    height: 39px;
    cursor: pointer;
}

.blueWarmning {
    background-position: -298px -155px;
    width: 24px;
    height: 22px;
}

@media screen and (min-width: 768px) {
    .promoTileLink:hover .promoImageHolder {
        background: url("/media/dvc_site/images/sprite.png") no-repeat scroll;
    }
    .promoTileLink:hover .promoImageHolder,
    .promoTileLink:focus .promoImageHolder {
        background-position: -105px -154px;
        width: 110px;
        height: 110px;
    }

    .oneid-spinner {
        margin-top: 100px;
    }
}

/**************************************************
 * $File: //p4-wdpro/Projects/Sites/DVC-Site/main-3.1/web-app/src/resources/assets/css/pages/etc/misc.css $
 *
 * (c) Disney.  All rights reserved.
 *
 * $Author: jovaldez $
 * $Revision: #17 $
 * $Change: 1650401 $
 * $Date: 2017/02/21 $
 **************************************************/
.innerContentBody {
    /* background: #8ABFD0 url('/media/dvc_site/images/inner_content_bg.jpg') 0 0 repeat-x; */
    background-color: rgb(64, 150, 179); /* Old browsers */
    background-image: -moz-linear-gradient(top, rgb(3, 104, 139) 0%,
        rgb(64, 150, 179) 51%, rgb(64, 150, 179) 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(3,
        104, 139)), color-stop(51%, rgb(64, 150, 179)),
        color-stop(100%, rgb(64, 150, 179))); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, rgb(3, 104, 139) 0%,
        rgb(64, 150, 179) 51%, rgb(64, 150, 179) 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, rgb(3, 104, 139) 0%,
        rgb(64, 150, 179) 51%, rgb(64, 150, 179) 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, rgb(3, 104, 139) 0%,
        rgb(64, 150, 179) 51%, rgb(64, 150, 179) 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, rgb(3, 104, 139) 0%,
        rgb(64, 150, 179) 51%, rgb(64, 150, 179) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03688b',
        endColorstr='#4096b3', GradientType=0); /* IE6-9 */
    background-repeat: no-repeat;
    text-align: center;
    height: auto;
}

.innerContentWrapper {
    max-width: 980px;
    margin: 0 auto;
    padding: 27px 20px 0;
}

.innerContentWrapper a:focus,
.innerContentWrapper a:hover {
    text-decoration: underline;
}

a[href^="tel"] {
    text-decoration:inherit;
    font-size:inherit;
    font-style:inherit;
    font-weight:inherit;
}

a[href^="tel"]:hover,
a[href^="tel"]:focus {
    text-decoration: underline !important;
}

/* Mobile Version */
@media screen and (max-width: 767px) {
    .innerContentWrapper {
        margin: 0 auto;
        padding: 8px 0 0;
    }
    .innerContentWrapper.innerContentWrapperNoMarginTop {
        margin: 0 auto 0;
    }

    a[href^="tel"] {
        color: #0079BC;
        cursor: pointer;
        text-decoration: none;
    }

    a[href^="tel"]:focus,
    a[href^="tel"]:hover {
        text-decoration: underline;
    }
    .oneid-spinner {
        margin-top: 30px;
    }
    .offersBanner .innerContentStageBanner a.dvicBanner:focus{
        outline: 2px dotted;
    }
}

.innerContentStageBanner {
    padding: 5px;
    margin: 20px auto 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
}

.innerContentStageBanner > a:focus {
    outline: 1px dotted;
    display: block;
}

.innerContentStageMobileBanner {
    padding: 22px 10px 0 !important;
    margin-bottom: 0
}

.innerContentStageBanner img {
    background-color: #fff;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
}

.innerContentStage {
    padding: 23px 20px 20px 20px;
    margin: 13px 0 0;
    background: #FFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    text-align: left;
}

.innerContentStage .innerWrapLeft, .innerContentStage .innerWrapRight {
    padding-left: 0;
    padding-right: 0;
}

.innerContentStageNoPadding .inner-content-row {
    padding-left: 20px;
    padding-right: 20px;
}

.inner-content-row>.inner-content-col-left {
    padding-left: 0;
    padding-right: 20px;
    vertical-align: top;
}

.inner-content-row>.inner-content-col-left .summaryContent ul {
    margin-left: 15px;
}

.inner-content-row>.inner-content-col-right {
    padding-left: 0;
    padding-right: 0;
    vertical-align: top;
}

/* Mobile Query */
@media screen and (max-width: 767px) {

    .inner-content-row>.inner-content-col-left {
        display: block;
        padding-right: 0;
    }
    .inner-content-row>.inner-content-col-right {
        margin-bottom: 20px;
    }
    .inner-content-row>.inner-content-col-right>.clearfix>.dvui-pull-right {
        float: none !important;
    }
    .innerContentStageNoPadding .inner-content-row {
        padding-left: 10px;
        padding-right: 10px;
    }
    .innerContentStageNoPadding .inner-content-row>.inner-content-col-right {
        margin-bottom: 0;
    }

}


.specialOffers h2 {
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 12px;
    margin-top: -3px;
}

.specialOffers .ctaWidgetWrapper h2 {
    color: #ffffff;
    line-height: 26px;
}

.specialOffers h3 {
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 12px;
    margin-top: -3px;
}

.specialOffers .mainDescription .horizontalSeparator,
.special-offers-page-members-logged-in .mainDescription .horizontalSeparator {
    margin-top: 30px;
}

.financingCalculatorWrapper .innerContentStage,
    .innerContentStageNoPadding {
    padding: 0;
}

/* BREADCRUMBS (DEPRECATED)
   ========================================================================== */
.breadCrumbs {
    position: relative;
    color: #FFF;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 0 10px;
    text-align: left;
}

.breadCrumbs a {
    color: #FFF;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-decoration: none;
}

.breadCrumbs a:hover, .breadCrumbs a:focus {
    color: #253B55;
    text-decoration: underline;
}

.breadCrumbs .pepMdxIcon {
    font-size: 11px;
    position: relative;
    top: 0;
    margin: 0 3px 0 0;
}

.breadCrumbs .printPage {
    position: absolute;
    right: 0;
    top: 0;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.breadCrumbs .printPage a {
    text-decoration: none;
}

.breadCrumbs .printPage .pepMdxIcon {
    position: relative;
    top: 2px;
    font-size: 15px;
}

/* END BREADCRUMBS (DEPRECATED)
   ========================================================================== */

.contentPageTitle,
.innerMobileHeader h1.contentPageTitle {
    color: #00233C;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    margin: -3px 0 8px 0;
    line-height: 36px;
}

.innerMobileHeader {
    padding: 0 20px;
}

.innerMobileHeader h1.contentPageTitle {
    color: #FFF;
    text-align: left;
    padding-top: 25px;
}

.innerContentMedia {
    width: 100%;
    max-width: 900px;
    margin-bottom: 0;
    position: relative;
}

.innerContentWrapper .innerContentMedia {
    margin-bottom: 34px;
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .innerMobileHeader h1.contentPageTitle {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 100;
        line-height: 30px;
    }

    .innerContentWrapper .innerContentMedia {
        margin-bottom: 0;
    }

}

.innerWrapLeft {
    width: 100%;
    max-width: 620px;
}

.innerWrapRight {
    float: right;
    max-width: 250px;
    margin: 0 0 0 20px;
}

.innerContentStageNoPadding .innerWrapRight {
    margin: 0 20px 0 0;
}

.mainDescription {
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin: -2px 0 32px;
}

.mainDescription p {
    margin-bottom: 1em;
}

/* ANNUAL DUES page
   ========================================================================== */
#pageMembershipAnnualDuesInnerWrapLeft .mainDescription {
    margin-bottom: 33px;
    margin-top: 6px;
}

#pageMembershipAnnualDuesInnerWrapLeft #annual_dues .horizontalSeparator
    {
    margin-bottom: 36px;
}

.partialMembershipDuesTableDuesPerPointValue {
    padding-top: 17px !important;
}

@media screen and (max-width: 767px) {
    #pageMembershipAnnualDuesInnerWrapLeft .mainDescription {
        color: #00233C;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 37px;
        margin-top: 6px;
    }
}

/* END ANNUAL DUES page
   ========================================================================== */
.detailedDescription ul {
    padding-left: 13px;
}

/* Mobile Version */
@media screen and (max-width: 767px) {
    .detailedDescription ul {
        padding-left: 17px;
    }
}

.detailedDescription li {
    padding-bottom: 23px;
}

.detailedDescription  li:last-child {
    padding-bottom: 0;
}

.descriptionTitle {
    margin-bottom: 5px;
}

.detailedDescription h3 {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #00233C;
}

/* FINANCING CALCULATOR page
   ========================================================================== */
.financingCalculatorWrapper .mainDescription {
    color: #00233C;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    max-width: 620px;
}

.financingCalculatorWrapper h1.contentPageTitle {
    padding: 34px 40px 0 40px;
}

.innerContentStageNoPadding h1.contentPageTitle {
    padding: 20px 20px 0;
}

.financingCalculatorWrapper .mainDescription {
    padding: 0 20px;
}

.financingCaclContentWrapper .disclaimerWrapper {
    margin: 24px 0 0;
    width: 100%;
}

.financingCaclContentWrapper .disclaimerWrapper p {
    color: #78899e;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 8px 0 0;
    padding: 0 40px 0 0;
}

.financingCaclContentWrapper .selectBox .selectOption {
    padding-bottom: 8px;
}

/* END FINANCING CALCULATOR page
   ========================================================================== */
.innerContentStageNoPadding .innerMediaContainer {
    padding: 0 20px 0;
}



/*=================================================
 * STORY CARDS
 *
 *=================================================*/

.innerContentStage .storyCardWrapper {
    padding-bottom: 2px;
}

.innerContentStage.innerContentStageNoPadding .storyCardWrapper {
    padding-bottom: 10px;
}

/* Mobile Version */
@media screen and (max-width: 767px) {

    .innerContentStageNoPadding .inner-content-row .storyCardWrapper {
        padding: 3px 0 0;
    }

}


/*
 * Story Cards
 * -----------------------------------------------------
 */

.storyCardBlock {
    display: table;
    position: relative;
    margin: 0;
    padding: 20px 0 18px;
    width: 100%;
}

/*---------------------------------------------
 * Media Object
 *---------------------------------------------*/

.storyCardBlock .storyCardImageHolder {
    display: table-cell;
    padding-bottom: 2px;
    min-width: 170px;
    vertical-align: top;
}

.storyCardBlock .storyCardImageHolder .innerContentMedia,
.storyCardImageHolder .innerContentMedia {
    margin-bottom: 0;
}

/* IE 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .storyCardBlock {
        display: block!important;
        position: relative;
        margin: 0;
        padding: 20px 0 18px;
        width: 100%;
    }
    .storyCardBlock .storyCardImageHolder {
        float: left;

    }
}

/* Mobile query */
@media screen and (max-width: 767px) {

    .storyCardBlock .storyCardImageHolder {
        display: block;

        max-width: none;
        width: auto;
    }

    .storyCardBlock .storyCardImageHolder img {
        width: 100%;
    }

    .storyCardBlock .cms-widget-media-banner,
    .storyCardBlock .cms-widget-media-banner img {
        margin-bottom: -37px;
        min-height: 160px;
/*         min-width: 280px; */
        height: auto;
    }

}

/*---------------------------------------------
 * Description
 *---------------------------------------------*/

.storyCardBlock .storyCardDescription {
    display: table-cell;

    padding: 0 25px 0 20px;
    max-width: 100%;
    width: 100%;

    vertical-align: top;
    text-decoration: none;
}

.storyCardBlock .storyCardDescription h4 {
    margin: 0 0 7px 0;
    max-width: 352px;

    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.storyCardBlock .storyCardDescription .dvcss-storycard-title,
.storyCardBlock .storyCardDescription h3 {
    max-width: 352px;
}

.storyCardBlock .storyCardDescription p,
.storyCardBlock .storyCardDescription span {
    margin: 0;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

.storyCardBlock .storyCardDescription .pageLess {
    margin: 0;
    max-width: 352px;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

.storyCardBlock .storyCardDescription .pageMore {
    margin: 0;
    margin-bottom: -8px;
    max-width: 352px;

    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

.storyCardBlock .storyCardDescription .expandStory,
.storyCardBlock .storyCardDescription .collapseStory {
    color: #0079BC;
    cursor: pointer;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
}

.storyCardBlock .storyCardDescription .expandStory:hover,
.storyCardBlock .storyCardDescription .expandStory:focus,
.storyCardBlock .storyCardDescription .collapseStory:hover,
.storyCardBlock .storyCardDescription .collapseStory:focus {
    text-decoration: underline;
}

.storyCardBlock .storyCardDescription strong {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
}

.storyCardBlock .storyCardDescription .pageMore strong {
    display: inline-block;
    margin-top: 5px;

    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.storyCardBlock .storyCardDescription p {
    margin-bottom: 8px;
}

.storyCardBlock .storyCardDescription .pageLess p:nth-last-child(2) {
    display: inline;
}

.storyCardBlock .storyCardDescription strong + p + ul {
    margin-top: -6px;
    padding-top: 0!important;
}

.storyCardBlock .storyCardDescription ul + strong {
    margin-top: 6px!important;
}

.storyCardBlock .storyCardCaretCol {
    display: table-cell;
    height: auto;

    vertical-align: middle;
}


/*
.storyCardBlock:hover .clickable h4,
.storyCardBlock:hover .clickable h3,
.storyCardBlock:hover .clickable p,
.storyCardBlock:hover .clickable div,
.storyCardBlock:hover .clickable .pepMdxIcon,
.storyCardBlock:hover .clickable .dvcss-pepmdxicon,
.storyCardBlock a:hover,
.storyCardBlock a:focus,
.storyCardBlock a:visited,
.storyCardBlock a:active,
.storyCardBlock.clickable:hover p,
.storyCardBlock.clickable:focus p,
.storyCardBlock.clickable:hover span,
.storyCardBlock.clickable:focus span,
.storyCardBlock.clickable:hover img,
.storyCardBlock.clickable:focus img,
.storyCardBlock.clickable:hover .pepMdxIcon,
.storyCardBlock.clickable:focus .pepMdxIcon,
.storyCardBlock.clickable:hover .dvcss-pepmdxicon,
.storyCardBlock.clickable:focus .dvcss-pepmdxicon,
.storyCardBlock .clickable:hover h4,
.storyCardBlock .clickable:hover h4,
.storyCardBlock .clickable:hover h3,
.storyCardBlock .clickable:hover h3,
.storyCardBlock .clickable:hover p,
.storyCardBlock .clickable:hover span,
.storyCardBlock .clickable:focus span,
.storyCardBlock .clickable:focus p,
.storyCardBlock .clickable:focus div.pageLess,
.storyCardBlock .clickable:hover div.pageLess,
.storyCardBlock .clickable:focus div.pageMore,
.storyCardBlock .clickable:hover div.pageMore,
.storyCardBlock .clickable:hover .dvcss-pepmdxicon,
.storyCardBlock .clickable:hover .pepMdxIcon {
    color: #00739a;
    cursor: pointer;
    text-decoration: none;
}
.storyCardBlock .clickable a.storyCardDescriptionAchor:focus > dt > h3,
.storyCardBlock .clickable a.storyCardDescriptionAchor:focus > dt > div,
.storyCardBlock .clickable a.storyCardDescriptionAchor:focus > dt > .dvcss-pepmdxicon,
.storyCardBlock .clickable a.storyCardDescriptionAchor:focus > dt > .pepMdxIcon {
    color: #00739a;
}
*/


/* Mobile query */
@media screen and (max-width: 767px) {

    .storyCardBlock {
        padding: 20px 0 0;
    }

    .storyCardBlock .storyCardDescription {
        display: block;
        position: relative;
        padding: 15px 0 18px 0;
        width: 100%;
    }

    .storyCardBlock .storyCardDescription h4 {
        margin-bottom: 10px;
        margin: 0;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
    }

    .storyCardDescription p {
        margin: 6px 0 0;
        padding: 0 20px 0 0;

        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

    .storyCardBlock > a {
        display: none;
    }

    .storyCardDescription ul {
        margin-top: 8px;
    }

}














.storyCardWrapper > a {
    text-decoration: none;
}

.storyCardWrapper .horizontalSeparator {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0,
        #dfdfdf 13%, #dfdfdf 79%, rgba(255, 255, 255, 0) 100%) repeat
        scroll 0 0 rgba(0, 0, 0, 0);
}

.financingStoryCard .storyCardDescription h4,
.financingStoryCard .storyCardDescription h3,
.financingStoryCard .storyCardDescription .pageLess,
.financingStoryCard .storyCardDescription .pageMore {
    max-width: 100%;
}

.storyCardDescription ul {
    margin: 0 0 13px 19px;
    padding: 5px 0 0;
}

.storyCardDescription .pageLess a,
.storyCardDescription .pageMore a {
    cursor: pointer;
}

.storyCardDescription .pageMore > div {
    margin-bottom: 13px;
}

.storyCardDescription .pageMore > div:empty {
    margin-bottom: 0;
}

.storyCardBlock a.openMediaEngineButton:hover,
.storyCardBlock a.openMediaEngineButton:focus,
.storyCardBlock a.openMediaEngineButton:visited,
.storyCardBlock a.openMediaEngineButton:active {
    cursor: pointer;
}

.storyCardDescription>a:hover,
.storyCardDescription>a:visited,
.storyCardDescription>a:link,
.storyCardDescription>a:active {
    text-decoration: none;
}

.storyCardBlock .clickable > a:focus img,
.storyCardBlock .clickable > a:active img {
    border: 1px dotted #000;
}

/* Desktop query */
@media screen and (min-width: 768px) {

    .storyCardDescription .pageLess a, .storyCardDescription .pageMore a[href^="tel"],
    .storyCardDescription .pageLess a, .storyCardDescription .pageMore a[href^="tel"]:focus,
    .storyCardDescription .pageLess a, .storyCardDescription .pageMore a[href^="tel"]:hover {
        font-size:inherit;
        font-style:inherit;
        font-weight:inherit;
    }

    .storyCardDescription a[href^="tel"],
    .storyCardDescription a[href^="tel"]:focus,
    .storyCardDescription a[href^="tel"]:hover {
        color: #0079BC !important;
    }

}


/* END STORY CARDS (TO BE DEPRECATED)
   ========================================================================== */

/*
 * Financing Calculator CSS Command
 */
.financeFormNoticeWrapper {
    height: 5px;
    width: 100%;
}

#finance_form .text-muted {
    color: #768aa0;
    font-weight: normal;
}

#finance_form .text-sm {
    font-size: 12px;
}

#finance_form #error-listing-container {
    display: none;
}

.financeFormNotice {
    margin-right: 30px;
    margin-top: 20px;
}

#finance_form .inlineErrors {
    clear: both;
    margin-left: 12px;
}

.financingCaclContentWrapper #vacation_pointsid-base {
    height: 4px;
}

#finance_form #vacation_points {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-weight: 400;
}

#finance_form #vacation_points.error {
    background-color: #fff;
    box-shadow: 0 1px 4px 0 #ff4605;
}

.error_icon {
    background: transparent url('../images/msi-sprites.png') no-repeat
        scroll -10px -80px;
    display: inline-block;
    height: 25px;
    width: 25px;
}

/* added and used for Accessibility - Headings */
#finance_form h2.err-msg, .signInFrame h2.err-msg {
    display: inline-block;
    font-weight: 600;
    margin: 7px 0 0;
    padding: 0 0 0 6px;
    color: #ff4605;
    font-size: 14px;
    line-height: 18px;
}

#finance_form h3.err-msg, .signInFrame h3.err-msg {
    display: inline-block;
    font-weight: 600;
    margin: 7px 0 0;
    padding: 0 0 0 6px;
    color: #ff4605;
    font-size: 14px;
    line-height: 18px;
}

#finance_form #alert-error {
    margin-top: 25px;
}

.down_payment_separator {
    margin-right: 10px;
}

.financingCaclContentWrapper {
    padding: 33px 0 34px;
}

.financingCalcFormWrap .mainDescription {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 0 30px 0;
    max-width: 620px;
}

.innerFormHandler {
    position: relative;
    display: inline-block;
    margin: 0;
}

#finance_form .innerFormHandler {
    width: 100%;
    margin-bottom: -5px;
}

.financingCalcFormWrap span.selectBox, .financingCalcFormWrap span.inputElement
    {
    display: block;
}

.financingCalcFormWrap .select-value {
    width: 100%;
    max-width: 100%;
}

.financingCalcFormWrap #down_payment-wrapper .select-value {
    width: 100%;
    max-width: 100%;
    word-spacing: 10px;
}

.financingCalcFormWrap .uiPlus .formInputElement {
    margin-bottom: 18px !important;
}

.financingCalcFormWrap .storyCardWrapper .horizontalSeparator {
    border: 0;
}

.financingCaclContentWrapper .storyCardDescription p {
    max-width: 620px;
}

.innerFormHandler dt {
    display: inline-block;
    float: left;
}

.financingCalcContentWrapper .tableSetterWrap dt {
    vertical-align: top;
}

.financingCalcFormWrap .tableSetterWrap {
    margin: 0;
}

.financingCalcFormWrap .tableSetterWrap .homeResortWrap {
    margin: 11px 0 0;
}

.financingCalcFormWrap {
    max-width: 560px;
    margin: 0 0 25px 0;
}

.downPaymentWrap {
    margin-top: 10px;
    margin-bottom: -10px;
}

.interestRateWrap {
    margin-bottom: -10px;
}

.financingCalcFormWrap .homeResortWrap .selectBox {
    width: 300px;
}

.financingCalcFormWrap .vacationPointsWrap .inputElement {
    width: 75px;
}

.financingCalcFormWrap .downPaymentWrap .inputElement {
    width: 180px;
    word-spacing: 10px;
    padding-right: 43px;
}

.financingCalcFormWrap .downPaymentWrap .selectBox {
    width: 100px;
}

#down_payment_amount_container, #down_payment-dropdown-list .selectOption
    {
    word-spacing: 10px;
}

.financingCalcFormWrap .downPaymentWrap>span {
    position: relative;
    top: -13px;
    left: 20px;
    z-index: 1;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.financingCalcFormWrap .downPaymentWrap .percentage {
    left: -54px;
}

.financingCalcFormWrap .innerFormHandler .longTermWrap {
    margin: 0 0 -15px 0;
}

.financingCalcFormWrap .innerFormHandler .loanPaymentTypeWrap {
    margin: 10px 0 0;
}

.financingCalcFormWrap .closingCostsWrap {
    margin: 10px 0 -20px 0;
}

.financingCalcFormWrap .downPaymentWrap .selectBox {
    width: 180px;
}

.financingCalcFormWrap .interestRateWrap .selectBox,
    .financingCalcFormWrap .longTermWrap .selectBox,
    .financingCalcFormWrap .loanPaymentTypeWrap .selectBox,
    .financingCalcFormWrap .closingCostsWrap .selectBox,
    .financingCalcFormWrap .annualDuesWrap .selectBox {
    width: 190px;
}

.financingCalcFormWrap .annualDuesWrap {
    margin: 10px 0 20px 0;
}

.financingCaclContentWrapper .contentPageTitle {
    font-size: 24px;
    font-weight: 100;
    line-height: 30px;
    color: #00233C;
}

.financingCaclContentWrapper .contentPageTitle, .financingCalcFormWrap .mainDescription,
    .financingCaclContentWrapper .contentPageTitle,
    .financingCalcFormWrap>.tableSetterWrap,
    .financingCaclContentWrapper .financingStoryCard,
    .financingCaclContentWrapper .horizontalSeparator,
    .financingCaclContentWrapper .disclaimerWrapper {
    padding: 0 10px 0 40px;
}

.financingCaclContentWrapper .storyCardBlock dt {
    display: table-cell;
    min-width: 46px;
}

.financingCaclContentWrapper .financingStoryCard .storyCardImageHolder>img
    {
    width: 73px;
    max-width: none;
    height: auto;
    max-height: none;
    margin-left: -12px;
    margin-top: -21px;
}

.financingCaclContentWrapper .financingStoryCard .storyCardDescription {
    padding: 0 25px 0 9px;
}

.financingCaclContentWrapper .financingStoryCard .storyCardDescription>h4,
    .financingCaclContentWrapper .financingStoryCard .storyCardDescription>h3
    {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 24px;
}

.financingCaclContentWrapper .financingStoryCard .storyCardDescription>span
    {
    display: inline-block;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    max-width: 620px;
}

.annualDuesDisclaimer .disclaimerText {
    padding-left: 0;
}

/*
 * Annual Dues CSS Command
 */
#home_resort-wrapper #home_resort {
    padding-right: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#pageMembershipAnnualDuesInnerWrapLeft {
    max-width: 748px;
    margin-top: -10px;
}

.annualDuesNeedToKnow li {
    margin: 0 0 4px 16px;
}

.annualDuesNeedToKnow h5, .annualDuesNeedToKnow h3 {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 27px 0 10px 0;
    color: #00233C;
}

.annualDuesTable #home_resort-wrapper, .annualDuesTable #vacation_points-wrapper
    {
    width: 370px;
}

.annualDuesTable .selectBox .select-value {
    max-width: none;
    left: 10px;
    padding-right: 43px;
    width: 100% !important;
}

.annualDuesTable {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    width: 100%;
}

.annualDuesTable .panel {
    border-radius: 10px;
}

.annualDuesTable .panel-heading {
    background: #add4e7; /* Old browsers */
    background: -moz-linear-gradient(top, #add4e7 0%, #9cc9de 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #add4e7),
        color-stop(100%, #9cc9de)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #add4e7 0%, #9cc9de 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #add4e7 0%, #9cc9de 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #add4e7 0%, #9cc9de 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #add4e7 0%, #9cc9de 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add4e7',
        endColorstr='#9cc9de', GradientType=0); /* IE6-9 */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 22px;
    padding-bottom: 22px;
}

/**
 * Mobile Version
 */
@media screen and (max-width: 767px) {
    .annualDuesTable .panel-heading {
        padding-top: 17px;
        padding-bottom: 15px;
    }
}

.annualDuesTable .panel-title {
    font-size: 18px;
    color: #00233C;
}

.annualDuesTable .panel-title h2 {
    font-weight: bold;
}

.annualDuesTable .panel {
    margin-bottom: 0;
}

.annualDuesTable .panel-body {
    padding-top: 0;
    padding-bottom: 0;
}

.annualDuesTable label {
    font-size: 12px;
}

.annualDuesTable .uiToolTip .uiToolTipBox {
    text-align: right;
}

.annualDuesTable .uiToolTip.leftsideRight .uiToolTipBox {
    text-align: left;
}

.annualDuesTable .form-horizontal>.form-group {
    margin-bottom: 0;
}

.annualDuesTable .form-horizontal>.form-group>.col {
    padding: 12px 0 0 17px;
}

.annualDuesTable .form-horizontal>.form-group>div {
    border-left: 1px solid #dfdfdf;
    margin-left: -1px;
    min-height: 50px;
}

.annualDuesTable .form-horizontal>.form-group>.control-label {
    border-right: 1px solid #dfdfdf;
    text-align: left;
    font-weight: 600;
    margin-left: 0;
}

.annualDuesTable .form-horizontal>.form-group>.control-label label {
    margin-left: 0;
}

.annualDuesTable .panel-default {
    border: none;
}

.annualDuesTable .col p {
    margin-bottom: 20px;
}

.annualDuesTable .form-horizontal>.form-group:nth-child(even) {
    background-color: #eaf5fa;
}

.annualDuesTable #home_resort-wrapper.selectBox {
    top: -6px;
    left: 15px;
    margin-bottom: 0;
}

.annualDuesTable #home_resort-wrapper.selectBox .richSelectArrowIcon {
    right: 9px !important;
}

.annualDuesTable #vacation_points-wrapper.selectBox {
    top: -6px;
}

.annualDuesTable .costImageWrapper {
    padding: 20px;
}

.annualDuesTable #home_resort-wrapper, .annualDuesTable #vacation_points-wrapper
    {
    width: 370px;
}

.annualDuesTableBottomBorder {
    border-bottom: 1px #DFDFDF solid;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.annualDuesWrapper h1.contentPageTitle {
    margin-bottom: 19px;
}

/**
 * Destinations Page CSS
 */
.destinations-page .storyCardWrapper h4 {
    font-family: Avenir-light;
    font-weight: 100;
}

/* Mobile Version */
@media screen and (max-width: 767px) {
    .meMobile div.mediaEngineContainer>.bottomHolder>.buttonBar>.shareButton .shareModal
        {
        width: 235px;
    }
    .financingCaclContentWrapper .financingStoryCard dt.storyCardImageHolder>img
        {
        width: 50px;
        margin-left: -7px;
        margin-top: -15px;
    }
    .financingCaclContentWrapper .financingStoryCard .storyCardDescription {
        padding-left: 3px;
        padding-right: 15px;
    }
    .financingCaclContentWrapper .financingStoryCard .storyCardDescription>h4
        {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 3px;
    }
    .financingStoryCard span.pepMdxIcon {
        float: right;
        margin-right: -5px;
    }
    .financingCaclContentWrapper .financingStoryCard .storyCardDescription>span
        {
        font-size: 12px;
        display: inline-block;
    }
    .financingCaclContentWrapper .financingStoryCard .storyCardDescription h3
        {
        font-size: 18px;
        font-family: Avenir-roman;
        line-height: 20px;
        font-weight: 400;
    }
    .financingCaclContentWrapper .financingStoryCard .storyCardDescription .pageLess
        {
        font-size: 12px;
        font-family: Avenir-roman;
        line-height: 20px;
        font-weight: 400;
    }
    #disclaimer-container .innerPageFooter h4 {
        padding: 15px 0 0;
    }
    #disclaimer-container .innerPageFooter .msgTitle {
        padding: 15px 10px 0 10px;
    }
    .storyCardImageHolder .innerContentMedia .meMobile {
        display: block;
    }
    .storyCardImageHolder .innerContentMedia .meDesktop>* {
        display: none !important;
    }
    .storyCardImageHolder .innerContentMedia .meDesktop>.mediaEngineDialog {
        display: block !important;
    }
    .destinations-page .storyCardWrapper .customHorizontalSeparator {
        margin-bottom: 5px;
    }
    .destinations-page .storyCardWrapper h3 {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        margin-bottom: 12px;
    }

    .groupedStoryCards > h3 {
        margin-bottom: 16px!important;
    }

    .destinations-page .storyCardWrapper .storyCardDescription h4 {
        margin-bottom: 5px;
    }
    .destinations-page .storyCardWrapper h3:first-child {
        padding-top: 10px;
    }
    .annualDuesTableBottomBorder {
        padding-bottom: 1px !important;
    }

    .groupedStoryCards + .storyCardSeparatorSpacer {
        margin-bottom: 0;
    }
}

.estimatedCostBoxWrap {
    background: #e5f3f8;
    padding: 20px;
    width: 316px;
    vertical-align: top;
}

.estimatedCostBoxWrap h3 {
    font-family: "Avenir-heavy";
    line-height: 20px;
    color: #00233C;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 13px;
}

.estimatedCostBoxWrap h4 {
    font-family: "Avenir-heavy";
    line-height: 26px;
    color: #00233C;
}

.estimatedCostBoxWrap .estimatedCostUpperBox dt {
    font-weight: normal;
}

.estimatedCostBoxWrap .customHorizontalSeparator {
    border-bottom: 1px #A1AFBF solid;
}

.estimatedCostsInfoDefaultHint {
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 12px;
    font-weight: normal;
}

.estimatedCostBoxWrap dl.tableSetterWrap {
    margin: 10px 0;
}

.estimatedCostBoxWrap dl.tableSetterWrap>div>dt:first-child {
    min-width: 120px;
}

.estimatedCostBoxWrap dl.tableSetterWrap>div>dt:last-child {
    text-align: right;
}

.estimatedCostBoxWrap div.tableSetterWrap>div>dt:last-child {
    text-align: right;
}

.estimatedCostBoxWrap dt {
    font-size: 12px;
    text-align: left;
    line-height: 35px;
}

#down_payment_amount_field {
    float: left;
}

#down_payment_percentage_field {
    float: right;
    margin-right: 35px;
}

#down_payment_amount_container {
    width: 100%;
}

#annualDuescontainer {
    margin-top: 35px;
}

#annualDuescontainer .annualDues, #annualDuescontainer .annualDuesAmount
    {
    vertical-align: top;
}

#cost_box_cost_per_purchase_price_label {
    vertical-align: top;
}

#cost_box_purchase_price {
    height: 18px;
}

#cost_box_annual_dues_label {
    font-weight: normal;
    line-height: 0;
    margin-bottom: 10px;
}

#cost_box_annual_dues {
    height: 30px;
}

/* Pricing Table */
table.pricing-table {
    width: 100%;
    background-color: white;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 1px 1px 2px 0.25px #ADADAD;
    -moz-box-shadow: 1px 1px 2px 0.25px #ADADAD;
    box-shadow: 1px 1px 2px 0.25px #ADADAD;
    padding: 5px 0;
    margin-top: 15px;
}

table.pricing-table th, table.pricing-table td {
    text-align: left;
}

table.pricing-table tr.center th
table.pricing-table tr.center td {
    text-align: center;
}

table.pricing-table tbody tr:first-child td {
    padding-top: 20px;
}

table.pricing-table tbody tr:last-child  td {
    padding-bottom: 20px;
}

table.pricing-table tbody tr:nth-child(2n) td, table.pricing-table tbody tr.even td
    {
    background: #fff;
}

table.pricing-table th {
    padding-top: 10px;
    padding-bottom: 10px;
}

table.pricing-table tr.headers th {
    padding-top: 5px;
    padding-bottom: 5px;
}

table.pricing-table tr.title th, table.pricing-table td {
    padding-top: 10px;
    padding-bottom: 10px;
}

table.pricing-table th:first-child, table.pricing-table td:first-child,
    table.pricing-table th:last-child, table.pricing-table td:last-child
    {
    padding-left: 35px;
}

table.pricing-table thead th {
    background-color: white;
    border-bottom: 1px solid #dedede;
    font-weight: bold;
    font-size: 14px;
}

table.pricing-table thead tr.title th {
    font-size: 16px;
}

table.pricing-table-full {
    width: 100%
}

table.pricing-table-large {
    width: 600px !important
}

table.pricing-table-small {
    width: 580px !important
}

table.pricing-table-th-centered th {
    text-align: center;
}

table.pricing-table-th-blue thead th {
    background-color: #A0CCE1;
}

.mapModuleWrap #map img {
    max-width: 250px;
    margin-top: 2px;
}

.mapModuleWrap h4 {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin: 20px 0 0;
}

.mapModuleWrap p {
    line-height: 17px;
    margin: 0 0 15px;
    padding: 0;
}

.mapModuleWrap {
    padding-bottom: 10px;
}

table.pricing-table-alternate tbody tr:nth-child(2n) td, table.pricing-table-alternate tbody tr.even td
    {
    background-color: #E9F5F9;
}
/* Pricing Table End */

/* Special Offers */
p.mainDescription .horizontalSeparator {
    margin-bottom: 30px;
}

.specialOffers .mainDescription {
    font-weight: 100;
}

.tableSetterWrap.specialOfferTableWrap .tableHeader dt {
    border-bottom: 1px solid #dedede;
    font-size: 14px;
    font-weight: bold;
    font-family: Avenir-heavy;
    background-color: #a0cce1;
    color: #00233C;
    line-height: 20px;
    padding: 12px 30px;
    width: 50%;
    border-radius: 8px 0 0;
}

.tableSetterWrap.specialOfferTableWrap .tableHeader dt:last-child {
    border-radius: 0 8px 0 0;
}

.tableSetterWrap.specialOfferTableWrap .tableBody.even {
    background-color: #e9f5f9
}

.tableSetterWrap.specialOfferTableWrap .tableBody dt:first-child {
    vertical-align: middle;
}

.tableSetterWrap.specialOfferTableWrap .tableBody dt {
    padding: 15px 0;
    border-right: 1px solid #dedede;
    font-size: 14px;
    font-family: Avenir-roman;
    font-weight: normal;
    width: 50%;
}

.tableSetterWrap.specialOfferTableWrap .tableBody dt strong {
    font-size: 18px;
    font-family: Avenir-heavy;
    font-weight: normal;
}

.tableSetterWrap.specialOfferTableWrap .tableBody dt:last-child {
    border-right: none;
}

.tableSetterWrap.specialOfferTableWrap dt {
    text-align: center;
}

.tableSetterWrap.specialOfferTableWrap .tableHeader dt {
    border-bottom: 1px solid #dedede;
    font-size: 14px;
    font-weight: bold;
    font-family: Avenir-heavy;
    background-color: #a0cce1;
    color: #00233C;
    line-height: 20px;
    padding: 12px 30px;
    width: 50%;
    border-radius: 8px 0 0;
}

.tableSetterWrap.specialOfferTableWrap .tableHeader dt:last-child {
    border-radius: 0 8px 0 0;
}

.tableSetterWrap.specialOfferTableWrap .tableBody.even {
    background-color: #e9f5f9
}

.tableSetterWrap.specialOfferTableWrap .tableBody dt:first-child {
    vertical-align: middle;
}

.specialOffers table, .special-offers-page-members-logged-in table,
    .tableSetterWrap.specialOfferTableWrap {
    width: 100%;
    background-color: white;
    border-radius: 8px;
    margin: 30px 0 10px;
    padding: 1px 0;
    -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.3);
}

 .special-offers-page-members-logged-in table {
    margin-top: 0;
 }

/* Mobile only */
@media screen and (max-width: 767px) {
    .specialOffers table, .special-offers-page-members-logged-in table {
        margin-top: 36px;
        margin-bottom: 15px;
    }
}

.specialOffers table, .special-offers-page-members-logged-in table {
    border-collapse: separate;
}

.specialOffers table td, .special-offers-page-members-logged-in table td,
    .tableSetterWrap.specialOfferTableWrap .tableBody dt {
    padding: 15px 0;
    border-right: 1px solid #dedede;
    font-size: 14px;
    font-family: Avenir-roman;
    font-weight: normal;
    width: 50%;
}

.specialOffers table td strong, .special-offers-page-members-logged-in table td strong,
    .tableSetterWrap.specialOfferTableWrap .tableBody dt strong {
    font-size: 18px;
    font-family: Avenir-heavy;
    font-weight: normal;
}

.specialOffers table td:last-child,
    .special-offers-page-members-logged-in table td:last-child,
    .tableSetterWrap.specialOfferTableWrap .tableBody dt:last-child {
    border-right: none;
}

.specialOffers .specialOfferShareAlink {
    display: block
}

.specialOffers table th, .specialOffers table td,
    .special-offers-page-members-logged-in table th,
    .special-offers-page-members-logged-in table td, .tableSetterWrap.specialOfferTableWrap dt
    {
    text-align: center;
}

.specialOffers table th, .special-offers-page-members-logged-in table th,
    .tableSetterWrap.specialOfferTableWrap .tableHeader dt {
    width: 50%;
    background-color: #a0cce1;
    border-bottom: 1px solid #dedede;
    border-radius: 8px 0 0;
    color: #00233C;
    font-size: 14px;
    font-weight: bold;
    font-family: Avenir-heavy;
    line-height: 20px;
    padding: 12px 30px;
    vertical-align: top;
}

.specialOffers table th:last-child,
    .special-offers-page-members-logged-in table th:last-child,
    .tableSetterWrap.specialOfferTableWrap .tableHeader dt:last-child {
    border-radius: 0 8px 0 0;
}

.specialOffers table tbody:nth-child(odd),
    .special-offers-page-members-logged-in table tbody:nth-child(odd),
    .tableSetterWrap.specialOfferTableWrap .tableBody:nth-child(odd) {
    background-color: #e9f5f9
}

.specialOffers table tbody tr:nth-child(even),
    .special-offers-page-members-logged-in table tbody tr:nth-child(even),
    .tableSetterWrap.specialOfferTableWrap .tableBody:nth-child(even) {
    background-color: #eaf5fa;
}

.specialOffers table td:first-child,
    .special-offers-page-members-logged-in table td:first-child,
    .tableSetterWrap.specialOfferTableWrap .tableBody dt:first-child {
    vertical-align: middle;
}

.specialOffers table td, .special-offers-page-members-logged-in table td,
    .tableSetterWrap.specialOfferTableWrap .tableBody dt {
    padding: 15px 0;
    border-right: 1px solid #dedede;
    font-size: 14px;
    font-family: Avenir-roman;
    font-weight: normal;
    width: 50%;
}

.specialOffers table td strong, .special-offers-page-members-logged-in table td strong,
    .tableSetterWrap.specialOfferTableWrap .tableBody dt strong {
    font-size: 18px;
    font-family: Avenir-heavy;
    font-weight: normal;
}

.specialOffers table td:last-child,
    .special-offers-page-members-logged-in table td:last-child,
    .tableSetterWrap.specialOfferTableWrap .tableBody dt:last-child {
    border-right: none;
}

/* End Special Offers */
.navigate-tabs>li>a>span.pepMdxIcon {
    display: none;
}

.additionalLinks {
    margin: 0 0 0 15px;
}

.additionalLinks a:hover, .additionalLinks a:focus {
    text-decoration: underline;
}

.innerContentStageNoPadding .shareAlinkWrap {
    padding-bottom: 20px;
}

.additionalLinks h3 {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 24px 0 10px -14px;
}

.additionalLinks h5 {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 27px 0 10px -14px;
}

.additionalLinks li {
    margin: 8px 0 0 1px;
}

.innerContentStage .inner-content-col-left>ul {
    margin-left: 15px;
}

.innerContentStage .inner-content-col-left>ul li {
    margin: 8px 0 0 1px !important;
    font-size: 14px;
}

.additionalLinks li a {
    color: #0079BC;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.innerContentStageNoPadding h3 {
    font-family: Avenir-light, Avenir-roman, Helvetica, Arial, sans-serif;
}

.innerContentStageNoPadding .storyCardDescription h3 {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
}

.membershipCostTable {
    overflow: hidden;
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.membershipCostsWrap .mainDescription {
    margin-bottom: 35px;
    font-weight: 100;
}

.membershipCostsWrap #costs_form {
    margin-top: 30px;
}

.membershipCostsWrap #question_helper {
    margin-bottom: 0;
}

.form-group a {
    color: #0079BC;
}

.font-avenir {
    font-family: Avenir, Helvetica, Arial, sans-serif;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-18 {
    font-size: 18px;
}

.well-md {
    padding: 20px;
}

.membershipCostsTable {
    display: none;
    width: 96%;
    border-radius: 12px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.membershipCostsTable .panel {
    border-radius: 10px;
}

.membershipCostsTable .panel-heading {
    background: #add4e7; /* Old browsers */
    background: -moz-linear-gradient(top, #add4e7 0%, #9cc9de 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #add4e7),
        color-stop(100%, #9cc9de)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #add4e7 0%, #9cc9de 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #add4e7 0%, #9cc9de 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #add4e7 0%, #9cc9de 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #add4e7 0%, #9cc9de 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add4e7',
        endColorstr='#9cc9de', GradientType=0); /* IE6-9 */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 21px;
    padding-bottom: 20px;
}

/* added(and used) for Accessibility - Headings */
.membershipCostsTable h2.panel-title {
    color: #00233C;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.membershipCostsTable .panel-title {
    color: #00233C;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
}

.membershipCostsTable .panel {
    margin-bottom: 0;
}

.membershipCostsTable .panel-body {
    padding-top: 0;
    padding-bottom: 0;
}

.membershipCostsTable label {
    font-size: 12px;
}

.membershipCostsTable .form-horizontal>.form-group {
    margin-bottom: 0;
}

.membershipCostsTable .form-horizontal>.form-group>.col {
    padding: 13px 0 0 17px;
}

.membershipCostsTable .form-horizontal>.form-group>div {
    border-left: 1px solid #dfdfdf;
    margin-left: -1px;
    min-height: 50px;
}

.membershipCostsTable .form-horizontal>.form-group>label {
    border-right: 1px solid #dfdfdf;
    text-align: left;
    font-weight: 600;
}

.membershipCostsTable .panel-default {
    border: none;
}

.membershipCostsTable .col p {
    margin-bottom: 3px;
}

.membershipCostsTable .col p:last-child {
    margin-bottom: 7px;
}

.membershipCostsTable .form-horizontal>.form-group:nth-child(even) {
    background-color: #ecf6fa;
}

.membershipCostsTable #vacation_points-wrapper.selectBox {
    top: -6px;
}

.membershipCostsTable .subSmallStext {
    padding-bottom: 16px;
    padding-right: 10px;
    font-size: 12px;
}

.membershipCostsTable .uiToolTipBox {
    text-align: right;
}

.membershipCostsTable .costImageWrapper {
    padding: 20px;
}

.membershipCostsTable .costImageWrapper {
    margin-bottom: -41px;
}

.membershipCostsTable #vacation_points-wrapper {
    width: 200px;
}

.membershipCostsTable .costImageWrapper img {
    width: 556px;
    max-height: 150px;
    margin-bottom: 18px;
}

.membershipCostsTable .form-group.costImageWrapper:last-child {
    margin-bottom: 40px;
    padding-bottom: 23px;
}

.membershipCostBottomBorder {
    border-bottom: 1px #DFDFDF solid;
}

.financingStoryCard .storyCardWrapper>.horizontalSeparator {
    display: none;
}

.innerContentStageNoPadding .mainDescription {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
}

/** Media Player **/
.modularDialogContainer a {
    outline: none !important;
}

.modularDialogContainer .thumbnail {
    background-color: #000;
    border: none !important;
}

.cms-widget-media-banner img {
    width: 100%;
}

.mediaEngineDialogContents>h3 {
    color: #FFF;
    margin: 0;
    padding: 0 20px 5px 55px;
}

div.mediaEngineContainer>.bottomHolder>.buttonBar>.shareButton .shareModal
    {
    width: 150px;
    margin-bottom: 5px;
    margin-right: -5px;
}

.mediaEngineContainer .shareModal a {
    margin-left: -10px !important;
}

.meMobile .mediaEngineContainer .shareModal a {
    margin-left: 10px !important;
}

/**
 * SAMPLE VACATIONS
 */
.sampleVacationsWrap {
    padding: 0 0 1px;
}

.sampleVacationsWrap .contentPageTitle {
    padding: 26px 0 0 18px;
}

.sampleVacationsWrap .mainDescription {
    padding: 0 0 0 18px;
    line-height: 20px;
    margin: 0 0 24px;
    font-size: 14px;
    max-width: 620px;
}

.sampleVacationsWrap .tableSetterWrap {
    margin: 18px 15px 0 20px;
}

.sampleVacationsWrap .tableSetterWrap dt {
    vertical-align: top;
}

.sampleVacationsWrap .tableImageContainer {
    height: 96px;
    width: 170px;
    vertical-align: top;
}

.sampleVacationsWrap .tableImageContainer img {
    width: 100%;
    margin: 0 0 20px 0;
}

.sampleVacationsWrap .tableDescriptionContainer {
    padding: 0 0 0 15px;
}

/* added(and used) for Accessibility - Headings */
.sampleVacationsWrap .tableDescriptionContainer h2 {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin: 0 0 7px;
}

.sampleVacationsWrap .tableDescriptionContainer h4 {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin: 0 0 7px;
}

.sampleVacationsWrap .tableDescriptionContainer div {
    margin: 9px 0 0;
}

.sampleVacationsWrap .tableDescriptionContainer span.pepMdxIcon {
    position: relative;
    top: 2px;
    font-size: 18px;
    margin: 0 5px 0 0;
}

.sampleVacationsWrap .tableRightItemContainer {
    padding: 26px 0 0;
    text-align: center;
    width: 25%;
}

.sampleVacationsWrap .tableRightItemContainer span, .sampleVacationsWrap .tableDescriptionContainer p,
    .sampleVacationsWrap .tableDescriptionContainer div {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.sampleVacationsWrap .tableDescriptionContainer p {
    margin: 0;
    padding: 0;
}

.sampleVacationsWrap .tableRightItemContainer div {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 36px;
    line-height: 33px;
}

.sampleVacationsWrap .disclaimerText {
    padding: 30px 20px;
}

.sampleVacationsWrap .additionalLinks {
    margin: 0 0 0 32px
}

.sampleVacationsWrap .horizontalSeparator.hidden-xs:last-child {
    display: none;
}

/* END OF SAMPLE VACATIONS */

/**
 * DISCLAIMER
 */
.generalDisclaimer .innerWrapLeft {
    max-width: 760px;
}

.generalDisclaimer .innerWrapLeft p {
    margin: 0 0 20px
}

/* added (and used) for Accessibility - Headings */
.generalDisclaimer h3, .generalDisclaimer h2 {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin-top: 36px;
}

.generalDisclaimer ul {
    padding-left: 20px;
}

.generalDisclaimer p.mainDescription {
    font-size: 10px;
}

.generalDisclaimer .sitemapColumn {
    float: left;
    margin-top: -32px;
    padding-right: 10px;
    width: 30%;
}

span.textInputTitle {
    width: 1%;
    display: table-cell;
}

span.underline {
    border-bottom: 1px solid rgb(0, 0, 0);
    display: table-cell;
}

p.disclaimerTextInput {
    width: 40%
}

div.underline {
    border-bottom: 1px solid rgb(0, 0, 0);
    width: 40%;
}

/* Inline media player override */
#primaryPlayer {
    margin: 0 auto;
    padding: 25px 0 30px;
    max-width: 720px;
}

#primaryPlayer .mediaEngineContainer .thumbnail.selected .thumbnailImageHolder {
    height: 45px;
    width: 45px;
}

#primaryPlayer .mediaEngineContainer .slidesHolder {
    width: auto!important;
}

#primaryPlayer .mediaEngineContainer .slidesHolder > li {
    width: 100%!important;
}

#primaryPlayer .thumbnail {
    border: none;
    border-radius: none;
    padding: 0;
    width: 54px!important;
    position: relative!important;
}

#primaryPlayer .uiToolTipCallout {
    display: none;
}

#primaryPlayer .middleHolder {
    padding-left: 0;
    padding-right: 0;
}

#primaryPlayer .videoPlayer {
    height: 406px;
    left: 0;
    max-width: 720px;
    width: 100%;
}

#primaryPlayer .mediaSlider {
    height: 406px;
    max-width: 720px;
    width: auto;
}

#primaryPlayer .bottomHolder, #primaryPlayer .thumbnailSlider {
    margin: 0 20px;
}

#primaryPlayer .nextButton, #primaryPlayer .previousButton,
    #primaryPlayer .bottomHolder .shareButton, #primaryPlayer .bottomHolder .fullscreenButton,
    #primaryPlayer .bottomHolder .playPauseButton {
    display: none !important;
}

#primaryPlayer .buttonBar {
    width: 500px;
}

#primaryPlayer .slidesHolder li .slideTitle {
    background-color: rgba(255, 255, 255, 0.8);
    background-image: none;
    color: #554e44;
}

#primaryPlayer .thumbnail:active .thumbnailImageHolder, #primaryPlayer .thumbnail:focus .thumbnailImageHolder
    {
    box-shadow: 0 0 4px 1px #1d96d7;
}

.marginBottom40px {
    margin-bottom: 40px;
}

.thank-you-content {
    background: #FFF;
    padding: 33px 40px 30px;
    margin: 13px auto 20px;
    border-radius: 12px;
    text-align: left;
}

.thank-you-content h1 {
    margin-bottom: 10px;
}

.thank-you-content p {
    max-width: 535px;
    margin-bottom: 10px;
    line-height: 18px;
    font-family: Avenir-roman;
}

.thank-you-content p strong {
    font-family: Avenir-heavy;
    font-weight: 600;
}

.thank-you-disclaimer p {
    line-height: 18px;
    margin-top: 10px;
    padding: 0;
}

.annualDuesTable #vacation_points {
    width: 80px;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.annualDuesTable sup {
    top: -3.5px;
}

.membershipCostsTable sup {
    top: -4px;
}

.annualDuesTable .pepMdxIcon {
    position: relative;
    top: 2px;
}

.membershipCostsTable .pepMdxIcon {
    position: relative;
    top: 2px;
}

/* Inline media player override */
.mediaEngineContainer>.middleHolder>.videoPlayer>.videoEndScreen {
    left: 0 !important;
    margin-left: 0 !important;
    text-align: center;
    width: 100% !important;
}

/* END OF DISCLAIMER */
.browseWarningContent h3 {
    margin-bottom: 0;
}

.error_content {
    margin-top: 5px;
}

.dvdShowMoreLink {
    display: block;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.dvdShowMoreLink a {
    color: #00233C;
    line-height: 16px;
}

.dvd-done-page .mainDescription {
    font-size: 28px;
    line-height: 36px;
}

.dvdDoneInnerContent .contentPageTitle {
    margin-bottom: -6px;
}

.dvdDoneInnerContent #primaryPlayer {
    padding-bottom: 36px;
}

/*added for Accessibility - Headings*/
.dvd-done-page .mainDescription.descriptionTitle h2 {
    font-size: 28px;
    line-height: 36px;
}

.dvd-done-page .dvdDoneSummaryContent {
    margin-bottom: 21px;
}

.dvd-done-page .dvdDoneSummaryContent {
    line-height: 18px;
}

.dvd-done-page .storyCardDescription h3 {
    line-height: 22px;
    margin-bottom: 6px;
}

.dvd-done-page .storyCardWrapper .horizontalSeparator:first-child {
    display: none;
}

.thank-you-disclaimer {
    margin-top: 26px;
}

.partialAnnualDuesPerMonthText {
    padding-top: 2px;
}

@media screen and (min-width: 768px) {
    @-ms-viewport {
       width: auto;
    }

    div.ui-widget-content a[href^="tel"] {
        color: #0079BC !important;
    }

    a[href^="fax"], a[href^="Fax"]{
        color: #0079BC !important;
        cursor: text;
    }

    #timeoutWarningContent {
        margin: 10px;
    }

    #timeoutWarningContent .media-body {
        margin-top: 54px;
    }

    #timeoutWarningContent .hr-faded {
        margin-top: 27px;
    }

    #timeoutWarningContent .modalUIPlusButtons {
        margin-right: -10px;
    }
}

/* Small Tablet Landscape/Portrait 768x912 */
@media screen and (min-width: 768px) and (max-width: 799px) {
}

@media screen and (min-width: 800px) and (max-width: 840px) {
}

@media screen and (min-width: 841px) and (max-width: 880px) {
}

@media screen and (min-width: 881px) and (max-width: 912px) {
}


/**
 * Desktop Version
 */
@media screen and (min-width: 768px) {
    .partialAnnualDuesPerMonthText {
        font-size: 18px;
    }

    .storyCardBlock .cms-widget-media-banner,
    .storyCardBlock dt.storyCardImageHolder > .visible-lg-block {
        max-width: 170px;
        width: 170px;
    }

    .storyCardImageHolder .innerContentMedia .meMobile .cms-widget-media-banner {
        display: none;
    }

    .storyCardImageHolder .innerContentMedia .meDesktop {
        display: block;
    }

    .financingStoryCard dt.storyCardImageHolder {
        max-width: 80px;
        width: 80px;
    }
}

/* ipad */
@media screen and (min-width: 768px) and (max-width: 1000px) {
    #partialMembershipCostsTable .uiToolTip {
        width: 21px;
    }

    .MembershipCostPerPoint label > div.hidden-xs .uiToolTip {
       diplay: inline;
    }

    label#cost_per_point-label {
        padding-bottom: 13px;
    }
}

/**
 * Mobile Version
 */
@media screen and (max-width: 767px) {
    .innerContentMedia .media-player-button a {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        left: 5%;
        bottom: 5%;
        margin-left: -10px;
        margin-bottom: 5px;
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45);
        line-height: 1;
        overflow: hidden;
        font-size: 12px;
        font-weight: bold;
        border-radius: 10px;
        border: 3px solid #FFF;
        border-top-color: rgb(255, 255, 255);
        border-right-color: rgb(255, 255, 255);
        border-bottom-color: rgb(255, 255, 255);
        border-left-color: rgb(255, 255, 255);
        color: #FFF;
        float: left;
        text-align: center;
        vertical-align: middle;
        padding: 8px;
    }



    .memberShipOverflow {
        dispaly: table-cell;
    }
    .memberShipOverflow dt {
        width: 100%;
    }
    .innerContentBody {
        padding: 0;
    }
    .innerWrapLeft {
        max-width: 100%;
    }
    .innerContentStage {
        border-radius: 5px;
    }
    .innerContentStage, .financingCalculatorWrapper .innerContentStage {
        margin-left: 10px;
        margin-right: 10px;
    }
    .estimatedCostBoxWrap .estimatedCostUpperBox {
        padding-top: 16px;
        padding-bottom: 20px;
        font-family: Avenir-roman;
    }
    .estimatedCostBoxWrap .estimatedCostUpperBox dt {
        padding-top: 13px;
    }
    .estimatedCostBoxWrap .estimatedCostUpperBox div:first-child dt {
        padding-top: 0;
    }
    .estimatedCostBoxWrap .estimatedCostBottomBox div:first-child dt {
        padding-top: 17px;
        padding-bottom: 13px;
    }
    .estimatedCostBoxWrap .estimatedCostBottomBox div dt {
        font-family: Avenir-heavy;
        font-weight: 600;
    }
    .innerContentStage {
        padding: 8px;
    }
    .innerContentStageNoPadding {
        padding: 0;
    }

    .dfm404Container .innerContentStage {
        margin-top: 28px;
    }

    .contentPageTitle {
        margin: 7px 0 7px;

        color: #00233C;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
    }

    .mainDescription {
        font-size: 14px;
    }
    .innerWrapLeft {
        padding: 0;
    }
    .financingCalcFormWrap .estimatedCostBoxWrap {
        display: block;
        width: auto;
        max-width: none;
        margin-left: -8px;
        margin-right: -8px;
    }
    .navigate-tabs {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
    .navigate-tabs>li {
        width: 50%;
    }
    .navigate-tabs>li>a {
        text-align: center;
        height: 100%;
        line-height: 14px;
        font-size: 12px;
        font-weight: bold;
        padding: 8px 0 14px;
    }
    .navigate-tabs>li:first-child>a {
        border-top-left-radius: 12px;
    }
    .navigate-tabs>li:last-child {
        border-right: none;
    }
    .navigate-tabs>li:last-child>a {
        border-top-right-radius: 12px;
    }
    .navigate-tabs>li>a>span.pepMdxIcon {
        display: block;
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 3px;
        font-weight: normal;
    }
    .innerContentStageNoPadding .mainDescription,
    .innerContentStageNoPadding .detailedDescription,
    .innerContentStageNoPadding .innerMediaContainer {
        padding-left: 10px;
        padding-right: 10px;
    }
    .innerContentStageNoPadding .innerContentMedia {
        margin-bottom: 20px;
    }
    .innerContentStageNoPadding .innerWrapRight {
        margin-left: 10px;
        max-width: 100%;
    }
    .innerContentStageNoPadding .storyCardWrapper {
        padding-left: 10px;
        padding-right: 10px;
    }

    .innerWrapRight {
        margin: 0 0 20px 0;
        max-width: 100%;
    }
    .financingCalcFormWrap .homeResortWrap .selectBox {
        width: auto;
    }
    .innerFormHandler {
        display: block;
        width: 100%;
    }
    .innerFormHandler dt {
        display: block;
        float: none;
    }
    .financingCalcFormWrap .mainDescription {
        margin: 10px 0 16px;
    }
    .financingCalcFormWrap .homeResortWrap {
        margin: 0 0 20px;
    }
    .financingCalcFormWrap .tableSetterWrap .homeResortWrap {
        margin-top: -7px;
    }
    .financingCalcFormWrap .vacationPointsWrap {
        margin: 0 0 -3px;
    }
    .financingCalcFormWrap .tableSetterWrap .vacationPointsWrap {
        margin-top: 21px;
    }
    .financingCalcFormWrap .tableSetterWrap .downPaymentWrap {
        margin: 25px 0;
    }
    .financingCalcFormWrap .tableSetterWrap .interestRateWrap {
        margin-top: -5px;
        margin-bottom: 21px;
    }
    .financingCalcFormWrap .tableSetterWrap .longTermWrap.longTermWrap {
        margin: 20px 0 15px 0;
    }
    .financingCalcFormWrap .tableSetterWrap .longTermWrap.loanPaymentWrap {
        margin: 20px 0 -15px 0;
    }
    .financingCalcFormWrap .tableSetterWrap .closingCostsWrap {
        margin-top: 28px;
        margin-bottom: 22px;
    }
    .financingCalcFormWrap #loan_termid-base {
        margin-bottom: 19px;
    }
    .financingCalcFormWrap .tableSetterWrap .annualDuesWrap {
        margin-bottom: 30px;
        margin-top: -1px;
    }
    .financingCalcFormWrap .interestRateWrap, .financingCalcFormWrap .innerFormHandler,
        .financingCalcFormWrap .longTermWrap, .financingCalcFormWrap .loanPaymentTypeWrap
        {
        margin: 0 0 22px;
    }
    .financingCalcFormWrap .annualDuesWrap {
        margin: 0 0 30px;
    }
    .financingCalcFormWrap #payment_typeid-base {
        margin-top: 35px;
    }
    .financingCalcFormWrap .uiPlus .formInputElement {
        display: block;
    }
    .financingCalcFormWrap .vacationPointsWrap .inputElement,
        .financingCalcFormWrap .downPaymentWrap .inputElement {
        width: 100%;
    }
    .financingCalcFormWrap .uiPlus .downPaymentWrap .formInputElement {
        display: block;
    }
    .financingCalcFormWrap .downPaymentWrap {
        margin: 0 0 18px;
        position: relative;
    }
    .financingCalcFormWrap .downPaymentWrap>span {
        left: 6px;
        position: absolute;
        top: 31px;
    }
    .financingCalcFormWrap .downPaymentWrap .percentage {
        left: auto;
        right: 14px;
    }
    .financingCalcFormWrap .downPaymentWrap .selectBox,
        .financingCalcFormWrap .interestRateWrap .selectBox,
        .financingCalcFormWrap .longTermWrap .selectBox,
        .financingCalcFormWrap .loanPaymentTypeWrap .selectBox,
        .financingCalcFormWrap .closingCostsWrap .selectBox,
        .financingCalcFormWrap .annualDuesWrap .selectBox {
        width: 100%;
    }
    .financingCalcFormWrap>.tableSetterWrap {
        margin: 12px 0 0;
    }
    .financingCalcFormWrap .estimatedCostBoxWrap {
        padding: 0 10px 1px 10px;
    }
    .financingCaclContentWrapper .disclaimerWrapper {
        margin: 21px 0 14px 0;
    }
    .financingCaclContentWrapper .disclaimerWrapper p {
        margin-bottom: 14px;
        padding-right: 0 !important;
        line-height: 20px;
        font-weight: 400;
    }
    .financingCalcFormWrap .select-value {
        padding: 0;
    }
    .financingCalcFormWrap .formInputElement .select-value,
        .financingCalcFormWrap .formInputElement .inputElement,
        .financingCalcFormWrap .formInputElement .selectOption,
        .financingCalcFormWrap .downPaymentWrap>span {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 12px;
    }
    .financingCaclContentWrapper .contentPageTitle, .financingCalcFormWrap .mainDescription,
        .financingCaclContentWrapper .contentPageTitle,
        .financingCalcFormWrap>.tableSetterWrap,
        .financingCaclContentWrapper .financingStoryCard,
        .financingCaclContentWrapper .horizontalSeparator,
        .financingCaclContentWrapper .disclaimerWrapper {
        padding: 0;
    }
    .financingCaclContentWrapper dt.storyCardImageHolder {
        width: auto;
        height: auto;
        display: table-cell;
    }
    .estimatedCostBoxWrap h4 {
        margin-bottom: 7px;
    }
    #finance_form #alert-error {
        margin-bottom: 10px;
    }
    #finance_form select, #finance_form input {
        font-size: 14px;
        font-style: normal;
    }
    .innerContentStageNoPadding .mainDescription {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        font-size: 16px;
    }
    .financingCaclContentWrapper .contentPageTitle {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
    }
    .estimatedCostBoxWrap dl.tableSetterWrap {
        margin-top: 8px;
    }
    .estimatedCostBoxWrap dt {
        line-height: 18px;
    }
    .estimatedCostLowerBox {
        margin-bottom: 0 !important;
        margin-top: 11px !important;
    }

    /**
     * SAMPLE VACATIONS MOBILE VERSION
     */
    .sampleVacationsWrap .tableImageContainer {
        display: table-row;
    }
    .sampleVacationsWrap .contentPageTitle {
        padding: 0;
        margin-bottom: 2px;
        font-family: Avenir-light;
    }
    .sampleVacationsWrap .mainDescription {
        margin: -1px 0 19px 0;
        padding: 0;
    }
    .sampleVacationsWrap .tableSetterWrap {
        margin: 20px 0 13px;
        padding: 0;
    }
    .sampleVacationsWrap .tableDescriptionContainer {
        padding: 0;
    }
    .sampleVacationsWrap .tableDescriptionContainer h4 {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
    }
    .sampleVacationsWrap .tableDescriptionContainer .visible-xs-block {
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 14px;
        margin: 0 0 11px 0;
    }
    .sampleVacationsWrap .additionalLinks {
        margin-left: 15px;
    }
    .sampleVacationsWrap .disclaimerText {
        padding: 20px 0 0;
    }
    .sampleVacationsWrap p.disclaimerText {
        margin-bottom: 8px;
    }
    .sampleVacationsWrap .tableDescriptionContainer span.pepMdxIcon {
        margin-left: -2px;
    }
    .membershipCostsTable {
        width: 100%;
    }
    .membershipCostsTable .form-horizontal>.form-group>div.col {
        border-left: 0;
        padding-top: 10px;
        margin-left: 0;
    }
    .membershipCostsTable .form-horizontal>.form-group>label.col {
        border-right: 0;
        padding: 16px 0 18px 17px;
    }
    .membershipCostsTable .form-horizontal>.form-group>div.col {
        padding: 0 10px;
        margin: 7px 0 0;
    }
    .membershipCostsTable .homeResortWrap .formInputElement,
        .membershipCostsTable .vacationPointsWrap .formInputElement {
        margin: 0 0 0 2px;
    }
    .membershipCostsTable .form-horizontal>.form-group>div {
        min-height: 0;
    }
    .membershipCostsTable #home_resort-wrapper, .membershipCostsTable #vacation_points-wrapper
        {
        width: 100%;
    }
    .membershipCostsTable .form-horizontal>.form-group {
        margin-bottom: 8px;
    }
    .membershipCostsTable .form-horizontal>.form-group>div.col.col-xs-6 {
        padding: 7px 0 0 17px;
        margin-left: 0;
    }
    .membershipCostsTable .form-horizontal>.form-group {
        margin-bottom: 0;
    }
    .membershipCostsTable .costImageWrapper {
        padding: 0 0 28px 0;
    }
    .membershipCostsTable .costImageWrapper p, .membershipCostsTable .costImageWrapper a
        {
        padding: 0 0 0 10px;
    }
    .membershipCostsTable .costImageWrapper p {
        margin-bottom: 16px;
    }
    .membershipCostsTable .costImageWrapper.vacationSamples {
        padding-bottom: 40px
    }
    .membershipCostsTable .costImageWrapper img {
        padding: 20px 10px 0;
        min-height: 170px;
    }
    .membershipCostsTable .form-group.costImageWrapper:last-child {
        margin-bottom: 40px;
    }
    .membershipCostsWrap #question_helper {
        margin-bottom: 1px;
    }
    .membershipCostsTable .col p {
        margin-bottom: 20px;
    }
    .membershipCostsTable .col p:last-child {
        margin-bottom: 21px;
    }

    .MembershipCostPerPoint label > div.hidden-xs .uiToolTip {
       diplay: inline;
    }


    /*
    * Annual Dues
    */
    .annualDuesTable .form-horizontal>.form-group>div.col {
        border-left: 0;
        padding-top: 10px;
        margin-left: 0;
    }
    .annualDuesTable .form-horizontal>.form-group>label.col {
        border-right: 0;
        padding-bottom: 0;
        padding-left: 9px;
    }
    .annualDuesTable .form-horizontal>.form-group>div.col {
        padding: 0 11px 0 11px;
        margin: 7px 0 0;
    }
    .annualDuesTable .homeResortWrap .formInputElement, .annualDuesTable .vacationPointsWrap .formInputElement
        {
        margin: 0 0 0 1px;
    }
    .annualDuesTable .form-horizontal>.form-group>div {
        min-height: 0;
    }
    .annualDuesTable #home_resort-wrapper, .annualDuesTable #vacation_points-wrapper
        {
        width: 100%;
    }
    .annualDuesTable .panel-title {
        color: #00233C;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 26px;
    }
    .annualDuesTable .homeResortWrap label, .annualDuesTable .vacationPointsWrap label
        {
        margin: 0 0 0 10px;
    }
    .annualDuesTable #vacation_points {
        width: 100%;
    }
    #annual_dues select, #annual_dues input {
        font-size: 14px;
    }
    .annualDuesTable sup {
        color: #00233C;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        top: -3.9px;
    }
    .annualDuesNeedToKnow h5 {
        margin: 40px 0 10px 0;
    }
    .annualDuesTable .partialAnnualDuesPerMonthText {
        color: #00233C;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        vertical-align: bottom;
    }
    .generalDisclaimer h1.contentPageTitle {
        font-family: Avenir-light, Helvetica, Arial, sans-serif;
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 11px;
        margin-top: 7px;
    }
    .thank-you-content {
        margin: 20px 10px 10px;
        padding: 25px 10px;
    }
    .descriptionTitle {
        color: #00233C;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        margin: 0 0 2px;
    }
    .list-group ul li div ul li>a:hover {
        text-decoration: underline;
    }
    .dfm404Content {
        margin: 30px auto;
        width: 100%;
    }
    .dfm404ImageHolder img {
        display: block;
        margin: 0 auto;
    }
    .dfm404ImageHolder {
        width: 100%;
        float: none;
    }
    .dfm404Description {
        width: 100%;
        float: none;
        text-align: center;
        margin-left: 0;
        margin-top: 10px;
    }
    .rightMainContainer {
        /*box-shadow: -7px 10px 16px #959595;*/

    }
    .innerContentMedia {
        margin-bottom: -3px;
    }
    .innerContentMedia .cms-widget-media-banner {
        margin-bottom: 0;
    }
    .mobileShowLinksOpen {
        top: -5px;
    }
    .mobileShowLinksClosed {
        top: -5px;
    }
    .generalDisclaimer h3, .generalDisclaimer h2 {
        line-height: 24px;
        margin-top: -1px;
        margin-bottom: 10px;
    }
    .generalDisclaimer ul {
        margin-top: -10px;
    }
    .generalDisclaimer .innerWrapLeft p {
        font-family: Avenir-roman;
    }
    .generalDisclaimer .innerWrapLeft p:last-child {
        margin-bottom: 12px;
    }
    .generalDisclaimer .innerWrapLeft p strong {
        font-family: Avenir-heavy;
    }
    .additionalLinks li {
        margin-top: 6px;
    }
    .additionalLinks h5 {
        margin-bottom: 6px;
    }

    .inner-content-row>.inner-content-col-right {
        margin-bottom: 13px;
    }
    p.disclaimerTextInput {
        width: 99.6%;
    }
    div.underline {
        width: 99.6%;
    }
    .dvd-done-page .mainDescription.descriptionTitle h2 {
        font-size: 18px;
        line-height: 25px;
        font-weight: 400;
    }

    .annualDuesTable .panel-title {
        margin-left: -5px;
    }

    .disclaimerText {
        margin-top: 15px !important;
    }
}

@media screen and (max-width: 480px) {
    .storyCardImageSV {
        padding: 20px 0;
        width: 280px;
        height: 160px;
    }
    .storyCardDescriptionSV h4 {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        margin: 5px 0 0;
        padding: 17px 0 0;
    }
    .storyCardDescriptionSV span {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 20px;
    }
    .innerContentStageNoPadding .innerMediaContainer {
        padding: 0 10px 0;
    }
    .tableSetterWrap.specialOfferTableWrap .tableBody dt {
        padding: 20px 0;
    }
    .tableSetterWrap.specialOfferTableWrap {
        margin: 34px 0 12px;
    }
    .generalDisclaimer .sitemapColumn {
        float: none;
        margin-top: -10px;
        padding-right: 10px;
        width: 100%;
    }
    .annualDuesTable .panel-title {
        font-size: 18px;
        color: #00233C;
    }
    .annualDuesTable .homeResortWrap label, .annualDuesTable .vacationPointsWrap label
        {
        margin: 0 0 0 10px;
    }
    .annualDuesTable #vacation_points {
        width: 100%;
        padding: 10px 10px;
    }
}

@media screen and (max-width: 320px) {
    .mapModuleWrap #map img {
        max-width: 250px;
        margin-top: 2px;
    }
    .mapModuleWrap h4 {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        margin: 20px 0 10px;
    }
    .mapModuleWrap p {
        line-height: 17px;
        margin: 0 0 15px;
        padding: 0;
    }
    .mapModuleWrap {
        margin-bottom: -15px;
        padding-bottom: 25px;
    }
    .sampleVacationsWrap .tableImageContainer {
        height: 160px;
        width: 280px;
    }
    .annualDuesTable .panel-title {
        font-size: 18px;
        color: #00233C;
    }

    .annualDuesTable .homeResortWrap label, .annualDuesTable .vacationPointsWrap label
        {
        margin: 0 0 0 10px;
    }
    .annualDuesTable #vacation_points {
        width: 100%;
        padding: 10px 10px;
    }
    .annualDuesTable .selectBox .select-value {
        max-width: 70% !important;
    }
    .specialOffers table th {
        padding: 12px 10px;
        width: 50%;
    }
}

.chapterList.horizontalSeparator {
    margin: 17px 0;
}

/**
 * Media Player Engine Overrides
 * ========================================
 *
 */
.mediaEngineContainer .videoPlayPauseButton, .mediaEngineContainer .thumbnailPreviousButton a,
    .mediaEngineContainer .thumbnailNextButton a, .mediaEngineContainer .previousButton a,
    .mediaEngineContainer .nextButton a, .mediaEngineContainer .bottomHolder a
    {
    outline: none;
}

/*
.mediaEngineContainer .videoPlayPauseButton:focus,
.mediaEngineContainer .videoPlayPauseButton:active {
    background-position: -288px -508px;
}
.me-theme-light .mediaEngineContainer .videoPlayPauseButton:focus,
.me-theme-light .mediaEngineContainer .videoPlayPauseButton:active {
    background-position: -288px -508px!important;
}
*/
.me-theme-light .mediaEngineContainer.touch .videoPlayPauseButton {
    background-image: url(../images/sprite-me-light.png) !important;
    width: 16px !important;
    height: 20px !important;
    margin: 13px 20px 17px 0 !important;
}

.me-theme-light .mediaEngineContainer.touch .videoPlayPauseButton:hover,
    .me-theme-light .mediaEngineContainer.touch .videoPlayPauseButton:focus,
    .me-theme-light .mediaEngineContainer.touch .videoPlayPauseButton:active
    {
    background-image: url(../images/sprite-me-light.png) !important;
    background-position: -481px -251px !important;
}

.me-theme-light .mediaEngineContainer.touch .videoPlayPauseButton.playing,
    .me-theme-light .mediaEngineContainer.touch .videoPlayPauseButton.playing:hover,
    .me-theme-light .mediaEngineContainer.touch .videoPlayPauseButton.playing:focus,
    .me-theme-light .mediaEngineContainer.touch .videoPlayPauseButton.playing:active
    {
    background-image: url(../images/sprite-me-light.png) !important;
    background-position: -366px -251px !important;
    width: 16px !important;
    height: 20px !important;
    margin: 13px 20px 17px 0 !important;
}

.mediaEngineContainer .videoCCButton:focus, .mediaEngineContainer .videoCCButton:active
    {
    background-position: -226px -381px;
}

.me-theme-light .mediaEngineContainer .videoCCButton:focus,
    .me-theme-light .mediaEngineContainer .videoCCButton:active {
    background-position: -497px -379px;
}

.me-theme-light .mediaEngineContainer .largePlayPauseButton a:focus,
    .me-theme-light .mediaEngineContainer .largePlayPauseButton a:active,
    .mediaEngineContainer .largePlayPauseButton a:focus,
    .mediaEngineContainer .largePlayPauseButton a:active {
    background-position: -66px -570px;
}

.me-theme-light .mediaEngineContainer .videoVolume a:focus,
    .me-theme-light .mediaEngineContainer .videoVolume a:active {
    border: 1px dotted #000;
}

.me-theme-default .mediaEngineContainer .videoVolume .mute:focus,
    .me-theme-default .mediaEngineContainer .videoVolume .mute:active,
    .me-theme-default .mediaEngineContainer .videoVolume a:focus,
    .me-theme-default .mediaEngineContainer .videoVolume a:active {
    border: 1px dotted #fff;
}

.mediaEngineContainer a.shareButton:focus, .mediaEngineContainer a.shareButton:active
    {
    color: #1994d7;
}

/* @media only screen and (orientation: landscape) {
    html.ipad .overlayDialog>.centerVertical>div {
        margin-right: 20%;
    }
}
@media only screen and (orientation: portrait) {
    html.ipad .overlayDialog>.centerVertical>div {
        margin-right: 10%;
    }
} */

.overlayDialog {
    background: -moz-linear-gradient(center bottom, rgba(25, 149, 215, 0.7)
        0%, rgba(202, 214, 226, 0.7) 50%, rgba(25, 149, 215, 0.7) 100%)
        repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(center bottom, right top, color-stop(0%, rgba(25, 149,
        215, 0.7)), color-stop(50%, rgba(202, 214, 226, 0.7)),
        color-stop(100%, rgba(25, 149, 215, 0.7))) repeat scroll 0 0
        rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(center bottom, rgba(25, 149, 215, 0.7)
        0%, rgba(202, 214, 226, 0.7) 50%, rgba(25, 149, 215, 0.7) 100%)
        repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-linear-gradient(center bottom, rgba(25, 149, 215, 0.7) 0%,
        rgba(202, 214, 226, 0.7) 50%, rgba(25, 149, 215, 0.7) 100%)
        repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -ms-linear-gradient(center bottom, rgba(25, 149, 215, 0.7)
        0%, rgba(202, 214, 226, 0.7) 50%, rgba(25, 149, 215, 0.7) 100%)
        repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(to bottom, rgba(25, 149, 215, 0.7) 0%,
        rgba(202, 214, 226, 0.7) 50%, rgba(25, 149, 215, 0.7) 100%)
        repeat scroll 0 0 rgba(0, 0, 0, 0);
   z-index: 1011;
}

.sampleVacationsWrap .horizontalSeparator.hidden-xs {
    display: none;
}

/**
 * This CSS is specific for IE10+ only
 */
@media screen and (-ms-high-contrast: active) , ( -ms-high-contrast :
    none) {
    .annualDuesTable sup {
        top: -5px;
    }
    .membershipCostsTable sup {
        top: -5px;
    }
    .tableSetterWrap.specialOfferTableWrap {
        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    }
}

#dvdOrderFooter #subflowSteps .bar {
    margin-bottom: 8px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .storyCardDescription div.pageMore {
        margin-bottom: 0;
    }
    .uiPlus .textInput.searchBox input {
        font-size: 10px;
        height: 26px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:
    767px) {
    .financingCalcFormWrap .tableSetterWrap .homeResortWrap {
        margin-top: -5px;
    }
    .financingCalcFormWrap .tableSetterWrap .vacationPointsWrap {
        margin-top: 22px;
    }
    .financingCalcFormWrap .tableSetterWrap .downPaymentWrap {
        margin: 27px 0;
    }
    .financingCalcFormWrap .tableSetterWrap .longTermWrap.longTermWrap {
        margin: 23px 0 10px 0;
    }
    .financingCalcFormWrap .tableSetterWrap .annualDuesWrap {
        margin-bottom: 30px;
        margin-top: 23px;
    }
    .financingCalcFormWrap .tableSetterWrap .longTermWrap.loanPaymentWrap {
        margin: 23px 0 -12px 0;
    }
    .estimatedCostBoxWrap .estimatedCostUpperBox {
        padding-top: 17px;
        padding-bottom: 19px;
    }
}

/*
 * MEDIA PLAYER
 *==================================================
 */

/* desktop only */
.media-player-button a {
    position: absolute;
    bottom: 10px;
    left: 0px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45);
    overflow: hidden;
    font-size: 17px;
    font-weight: bold;
    border-radius: 10px;
    border: 3px solid #FFF;
    border-top-color: rgb(255, 255, 255);
    border-right-color: rgb(255, 255, 255);
    border-bottom-color: rgb(255, 255, 255);
    border-left-color: rgb(255, 255, 255);
    color: #FFF;
    float: left;
    text-align: center;
    vertical-align: middle;
    padding: 8px 14px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.media-player-button a span.icon{
    display: inline-block;
    vertical-align: middle;
}

#dvcDestinationsLanding .storyCardBlock .openMediaEngineButton,
    #dvcDestinationsLanding .storyCardBlock .videoChapterWrapper .pepMdxIcon,
    #dvcDestinationsOverview .storyCardBlock .openMediaEngineButton,
    #dvcDestinationsOverview .storyCardBlock .videoChapterWrapper .pepMdxIcon
    {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45);
    overflow: hidden;
    font-size: 17px;
    font-weight: bold;
    border-radius: 10px;
    border: 3px solid #FFF;
    border-top-color: rgb(255, 255, 255);
    border-right-color: rgb(255, 255, 255);
    border-bottom-color: rgb(255, 255, 255);
    border-left-color: rgb(255, 255, 255);
    color: #FFF;
    float: left;
    text-align: center;
    vertical-align: middle;
    padding: 8px 14px;
    margin-left: 20px;
    margin-bottom: 20px;
}

#dvcDestinationsLanding .storyCardBlock .media-player-button a,
    #dvcDestinationsOverview .storyCardBlock .media-player-button a {
    bottom: 62%;
}
.storyCardBlock .media-player-button a {
    left: 5%;
    bottom: 5%;
    margin-left: -10px;
    margin-bottom: 5px;
}

.storyCardImageHolder .openMediaEngineButton, .videoChapterWrapper .pepMdxIcon
{
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45);
    overflow: hidden;
    font-size: 17px;
    font-weight: bold;
    border-radius: 10px;
    border: 3px solid #FFF;
    border-top-color: rgb(255, 255, 255);
    border-right-color: rgb(255, 255, 255);
    border-bottom-color: rgb(255, 255, 255);
    border-left-color: rgb(255, 255, 255);
    color: #FFF;
    float: left;
    text-align: center;
    vertical-align: middle;
    padding: 8px 14px;
    margin-left: 20px;
    margin-bottom: 20px;
}

/*_:-ms-lang(x), .storyCardImageHolder .openMediaEngineButton {
    line-height: 36px;
    text-indent: -5px;
}
_:-ms-lang(x), .videoChapterWrapper .pepMdxIcon {
    line-height: 36px;
    text-indent: -5px;
}*/

@media screen and (min-width: 768px) { /* .media-player-button {
        position: absolute;
        bottom: 20px;
        left: 30px;
        overflow: hidden;
        width: 63px;
        height: 63px;
        border-radius: 10px;
    }
    .media-player-button:hover .pepMdxIcon {
        background: rgba(0,0,0,0.30);
    }
    .storyCardImageHolder .media-player-button {
        position: absolute;
        top: 58%;
        left: 50%;
        -ms-transform: translate(-50%, -75%); IE 9
        -webkit-transform: translate(-50%, -75%); Chrome, Safari, Opera
        transform: translate(-50%, -75%);
        height: 35px;
        width: 35px;
        border-radius: 6px;
    } */

    /*  @-moz-document url-prefix() {
        .storyCardImageHolder .media-player-button {
            border-radius: 7px;
        }
    }
    .storyCardImageHolder .media-player-button:hover .pepMdxIcon {
        background: rgba(0,0,0,0.30);
    } */
}

/* mobile only */
@media screen and (max-width: 767px) {
    .storyCardImageHolder .meMobile {
        margin: 0 0 20px;
        padding: 0 0 20px;
        position: relative;
    }
    .videoChapter {
        margin: 10px 0;
    }
    .videoChapter .media-player-button a {
        bottom: auto;
        left: auto;
        position: static;
        padding: 0;
    }
    .videoChapter .cms-widget-media-banner {
        position: relative;
    }
    .videoChapter img {
        margin-bottom: 20px;
    }

    #modalTmpContent .membershipIdsContainer p {
        text-decoration: none !important;
        color: #00233C !important;
        cursor: default;
    }

    #modalTmpContent .modalUIPlusButtonPane {
        bottom: 36px;
        left: 0;
        position: absolute;
        right: 0;
    }

    #modalTmpContent .modalUIPlusButtons {
        margin-top: 4px;
    }

    #timeoutWarningContent .modalUIPlusButtonPane {
        bottom: 0;
        padding: 0 10px 15px;
    }

    div.tour-overview-page div.storyCardWrapper dl.storyCardBlock:first-of-type {
        padding-top: 0;
    }

    /* DVCP-3789 */
    #pageMembershipAnnualDuesInnerWrapLeft .annualDuesDisclaimer > .disclaimerText > .horizontalSeparator,
    #pageMembershipAnnualDuesInnerWrapLeft .annualDuesDisclaimer + .horizontalSeparator {
        display: block!important;
    }
    /* DVCP-3789 */

    .storyCardImageHolder .openMediaEngineButton, .videoChapterWrapper .pepMdxIcon
    {
        position: absolute;
        bottom: -31px;
        left: -29px;
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45);
        line-height: 1;
        overflow: hidden;
        font-size: 17px;
        font-weight: bold;
        border-radius: 10px;
        border: 3px solid #FFF;
        border-top-color: rgb(255, 255, 255);
        border-right-color: rgb(255, 255, 255);
        border-bottom-color: rgb(255, 255, 255);
        border-left-color: rgb(255, 255, 255);
        color: #FFF;
        float: left;
        text-align: center;
        vertical-align: middle;
        padding: 8px 14px;
        margin-left: 20px;
        margin-bottom: 20px;
    }

    #myMembershipCardModal .virtual-card-copy {
        top: 380px !important;
    }

    #myMembershipCardModal .virtual-card-copy .center-copy {
        max-width: 80% !important;;
        margin-left: 8% !important;;
    }
}

@media screen and (max-width: 767px) {
    #dvd-done-media-player-button {
        top: 50%;
        left: 50%;
        margin-top: -18px;
        margin-left: -18px;
        position: absolute;
    }
}

@media screen and (max-width: 320px) {
    .storyCardImageHolder .media-player-button {
        left: 50%;
        position: absolute;
        top: 50%;
        -ms-transform: translate(-50%, -30%); /* IE 9 */
        -webkit-transform: translate(-50%, -30%);
        /* Chrome, Safari, Opera */
        transform: translate(-50%, -30%);
    }
    #dvd-done-media-player-button {
        top: 50%;
    }
}

/**
 * This is for the issue on inline video of order dvd in ipad portrait mod
 */
@media screen and (min-width: 768px) and (max-width: 770px) {
    #primaryPlayer {
        width: 100%;
    }
    #primaryPlayer .middleHolder {
        height: 388px;
    }
    #primaryPlayer .mediaSlider {
        width: 100%;
        height: 100%;
    }
    #primaryPlayer .videoPlayer {
        width: 100%;
        height: 100%;
    }
}

/*------------------------------
 * Video Chapters
 *------------------------------*/
@media screen and (max-width: 767px) {
    /*.videoChapter .cms-widget-media-banner .openMediaEngineButton {
        height: 35px;
        width: 35px;
        border-radius: 6px;
        font-size: 15px;
    }*/
}

/*------------------------------
 * Drawer Chapters
 *------------------------------*/

/*!
 * Drawer Triangle
 * ========================================
 */

/* Center Triangle */
.arrow_up_center, .arrow_up_left, .arrow_up_right {
    position: relative;
    background: #ffffff;
    border-top: 1px solid #dfdfdf;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.arrow_up_center:after, .arrow_up_center:before, .arrow_up_left:after,
    .arrow_up_left:before, .arrow_up_right:after, .arrow_up_right:before
    {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_up_center:after, .arrow_up_left:after, .arrow_up_right:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 15px;
    margin-left: -15px;
}

.arrow_up_center:before, .arrow_up_left:before, .arrow_up_right:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #dfdfdf;
    border-width: 16px;
    margin-left: -16px;
}

/* Left Triangle */
.arrow_up_center:after, .arrow_up_center:before {
    left: 50%;
}

.arrow_up_left:after, .arrow_up_left:before {
    left: 15%;
}

/* Right Triangle */
.arrow_up_right:after, .arrow_up_right:before {
    left: 85%;
}

/*!
 * Drawer
 * ========================================
 */
.drawer {
    min-height: 1px;
    margin: 46px 20px 27px 40px;
}

.drawer ul, .drawer ol {
    padding: 0 0 0 12px;
}

.drawerCollapse {
    bottom: 0;
    color: #00739A;
}

.drawerCollapse>a, .drawerCollapse>a:hover, .drawerCollapse>a:focus,
    .drawerCollapse>a:visited, .drawerCollapse>a:active {
    text-decoration: none;
    color: #0079BC;
}

.drawerCollapseIcon {
    position: absolute;
    right: 25px;
}

.drawerCollapseIcon>a, .drawerCollapseIcon>a:hover, .drawerCollapseIcon>a:focus,
    .drawerCollapseIcon>a:visited, .drawerCollapseIcon>a:active {
    text-decoration: none !important;
    color: #78899e;
}


.storyCardDrawer.panel {
    margin: 0;
    background-color: none;
    border: none;
    box-shadow: none;
}

#dvcDestinationsLanding  .storyCardDrawer .storyCardBlock {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 30px;
    padding-top: 0;
}

label.partialMembershipDuesTableDuesPerPointLabel {
    padding-bottom: 12px !important;
}

#dvcDestinationsLanding .storyCardImageHolder .caption a:focus h4,
#dvcDestinationsLanding .storyCardImageHolder .caption a:focus div,
#dvcDestinationsLanding .storyCardImageHolder .caption a:focus span,
#dvcDestinationsOverview .storyCardImageHolder .caption a:focus h4,
#dvcDestinationsOverview .storyCardImageHolder .caption a:focus div,
#dvcDestinationsOverview .storyCardImageHolder .caption a:focus span {
    color: #0079BC;
}

/*!
 * DVIC Story Card Type Banner
 * ========================================
 */

#innerDVICBanner.innerContentStageBanner {
    margin: 20px auto 30px;
    padding: 0;

    border: 5px solid #fff;
    border-radius: 12px;
}

.innerContentStageBanner.dvicDashboard {
    margin: 10px auto 0;
}

#innerDVICBanner .storyCardWrapper .horizontalSeparator {
    display: none;
}

#innerDVICBanner .storyCardBlock {
    display: table;

    padding: 15px 12px 15px 10px;
    width: 100%;

    background-color: #00739a;
    border-radius: 8px;
    margin: 0;
}

#innerDVICBanner .storyCardBlock dt {
    display: table-cell;
    text-align: left;
    vertical-align: center;
}

#innerDVICBanner .storyCardBlock .storyCardImageHolder img {
    border-radius: 0;
    max-width: none;
    width: 140px;
    margin-right: 30px;
}

/*.destinations-page .groupedStoryCards:last-of-type .customHorizontalSeparator:last-child {
    display: block!important;
}*/
#innerDVICBanner .storyCardBlock .storyCardImageHolder + div.clickable {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

#innerDVICBanner .storyCardBlock .storyCardDescription > * {
    color: #FFFFFF;
}

#innerDVICBanner:hover .storyCardBlock {
    color: #FFFFFF;
}

#innerDVICBanner .storyCardDescription {
    padding: 0 10px 0 0;
}

#innerDVICBanner .storyCardDescription h3 {
    margin: 0 0 6px;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 600;
    text-shadow: 1px 1px #000000;
}

#innerDVICBanner .storyCardDescription h3,
#innerDVICBanner .storyCardDescription h4,
#innerDVICBanner .storyCardDescription div.pageLess,
#innerDVICBanner .storyCardDescription div.pageMore {
    max-width: 100%;
}

#innerDVICBanner .storyCardDescription div.pageLess {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-shadow: 1px 1px #000000;

}

#innerDVICBanner .storyCardBlock span.pepMdxIcon {
    color: #ffffff;
}

label#cost_per_point-label {
    display: inline;
}

.MembershipCostPerPoint label {
    padding-bottom: 13px!important;
}

.points-transfer-page .ctaWidgetWrapper .pillSubmit.blue {
    margin: 0;
}

#innerDVICBanner .storyCardBlock:hover span.pepMdxIcon {
    color: #ffffff;
}

#innerDVICBanner .storyCardBlock span.pepMdxIcon {
    padding: 0;
}

.innerContentWrapper.offersBanner{
    margin: 0 auto;
    max-width: 980px;
    padding: 0 20px;
    color: #ffffff;
}
.offersBanner .innerContentStageBanner a.dvicBanner:focus{
    outline: 2px dotted;
}

.innerContentStage .disclaimerText {
    padding: 0;
}


/*!
 * Registration Style Sheet
 *
 */

@media screen and (max-width: 767px) {
    #subflowSteps div.step label {
        display: none;
    }
}

#nameSuffix-wrapper select,
#nameSuffix-wrapper .select-value,
#addressCountry-wrapper .select-value,
#addressStateid-base .selectBox .select-value {
    overflow: hidden !important;
    padding-right: 12px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80% !important;
}

#addressCountry-wrapper select,
#addressState-wrapper select {
    overflow: hidden !important;
    padding-right: 12px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 92% !important;
}

#addressStateid-base .selectBox.long .select-value {
    max-width: 275px;
}

div.ui-datepicker .ui-corner-all span.ui-icon-circle-triangle-w,
div.ui-datepicker .ui-corner-all span.ui-icon-circle-triangle-e {
    text-indent: -9999px;
}

#partialSignInBottomInfo > ul > li > a:link {
    color: #00233C;
}

#partialSignInBottomInfo > ul > li > a:hover {
    color: #0079BC;
}

@media screen and (max-width: 767px) {
    .registrationSignInBody .bottomHeaderContent .dvcLogo {
        left: 0;
        top: -5px;
        float: none;
        margin: 0;
        margin-left: auto!important;
        margin-right: auto!important;
    }

    /* popup pages on mobile are shown like a full-page */
    .registrationSignInBody div.ui-dialog.ui-widget-content {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
}

.registrationSignInBody .row > div {
    padding-left: 0;
    padding-right: 0;
}

.registrationSignInBody.bg-legacy {
    text-align: center;
}

.registrationSignInBody #tmp_overlay_background {
    overflow-y: auto;
}

.registrationSignInBody input, .registrationSignInBody textarea {
    font-weight: normal;
}

.registrationSignInBody .registrationContainer {
    text-align: left;
    max-width: 920px;
    margin: 0 auto;
}

.signInFrame h1, .registrationContainer h1 {
    font-size: 28px;
    font-weight: 100;
    color: #00233C;
    font-family: Avenir;
    margin: 0;
}

.registrationSignInBody .hr-seperator,
.registrationContainer .hr-seperator {
    height: 1px;
    font-size: 1px;
    border-bottom: #DFDFDF;
    width: auto;
    margin: 38px 0 43px;
    clear: both;
}

.registrationModalBox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 560px;
}

.registrationModalBox {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    padding: 18px 28px;
    margin: 15px 0 0;
    text-align: left;
}

.registrationFrame {
    background-color: #FFF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 38px 41px 10px;
    position: relative;
    margin-bottom: 50px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    min-height: 900px;
    height: 100%;
}

.registrationSignInBody #pageRegistrationRegister .registrationFrame {
    margin-bottom: 0;
    padding-bottom: 50px;
}

.registrationFrame .horizontalSeparator {
    background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0), #dfdfdf 5%, #dfdfdf 95%, rgba(255, 255, 255, 0));
    width: auto;
    margin: 0 0 40px;
}

.requiredFieldsText {
    text-align: right;
    padding-right: 25px;
}

.requiredFieldsText span {
    color: #768aa0;
    font-size: 14px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.formInputElement, .formHandler {
    position: relative;
    display: inline-block;
    margin: 0;
}

.formHandler dt {
    display: inline-block;
    float: left;
}

.registrationFrame .checkBoxTwoLinerWrap {
    clear: both;
    max-width: 520px;
    margin: 12px 0 28px;
    display: table;
}

.registrationFrame .disneyAccount {
    margin: 28px 0 27px;
}

.registrationSignInBody ul.err-msg {
    margin: 7px 0 12px 0;
}

.registrationSignInBody .genderWrapper {
    margin: 0 0 21px;
}

.registrationSignInBody .linkSpan {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.registrationSignInBody .linkSpan:hover {
    text-decoration: underline;
}

.registrationSignInBody .gray-labels {
    color: #8294aa;
}

.registrationSignInBody .registrationKeepMeUpdated {
    display: block;
    margin: 0 0 14px;
}

.registrationSignInBody .registrationKeepMeUpdated>span,
    .registrationSignInBody .registrationKeepMeUpdated>label {
    display: inline-block;
}

.registrationSignInBody .registrationKeepMeUpdated span {
    width: 28px;
    vertical-align: top;
}

.registrationSignInBody .registrationKeepMeUpdated label {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    line-height: 18px;
    font-weight: 400;
    max-width: 520px;
    font-size: 14px;
}

.registrationSignInBody .termsAndConditionsBlock {
    width: auto;
    height: 210px;
}

.registrationSignInBody .customScroll.termsAndConditionsBlock {
    border-radius: 6px;
}

.registrationSignInBody .termsAndConditionsBlock p {
    margin: 11px 34px 10px 5px;
    line-height: 16px;
    text-align: justify;
}

.registrationSignInBody .terms-agree-padding span {
    margin: 0 2px 0 0;
}

.registrationSignInBody .terms-agree-padding label {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    line-height: 18px;
    font-weight: 400;
    font-size: 14px;
}

.registrationSignInBody #subflowFooterWrap {
    max-width: 940px;
}

.registrationSignInBody .termsAndConditionsBlock .scrollTrack {
    z-index: -1;
}

.registrationSignInBody .termsAndConditionScrollTrack {
    overflow-y: auto;
    height: 200px;
}

.checkBoxTwoLinerWrap dt {
    display: table-cell;
    margin: 0 0 0 8px;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 0 7px 0 0;
    vertical-align: top;
}

.registrationStayUpToDate {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    line-height: 18px;
    font-weight: 400;
    max-width: 620px;
    font-size: 14px;
}

.registrationSignInBody h3 {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 13px;
}

.registrationSignInBody .dvui-fieldset-header > h3 {
    margin-bottom: 0;
}

.registrationSignInBody .disneyAccount h3 {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 13px;
}

.registrationSignInBody .disneyAccount h3.titleYourDisneyAccount {
    margin-bottom: -7px;
}

#associateAccount .disneySites h4 {
    font-weight: 600;
}

.forgotUsernamePassword .uiPlus .formInputElement dt {
    display: block;
}

.forgotUsernamePassword .error_icon {
    height: 25px;
}

.forgotUsernamePassword .error_message ul {
    margin: 0 0 0 45px;
}

.formInputElement dt {
    margin: 0 0 5px 0;
}

.forgotUsernamePassword h3 {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#retrieve_password_username,
#retrieve_password_lastname {
    font-weight: normal;
    max-width: 210px;
    width: auto;
}

.registrationFooterFrame {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10000;

    background-color: #e5f3f8;
    width: 100%;
}

.registrationFooterFrame .subflowRightBtnWrap {
    padding: 17px 5px;
}

@media screen and (max-width: 767px) {

    #associateAccount ul.introList h3 {
        color: #00233C;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
    }

    #associateAccount ul.memberships li {
        color: #00233C;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    #associateAccount .disneySites {
       margin-top: 35px;
    }

    #associateAccount .disneySites h4 {
        color: #00233C;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 15px;
    }

    #associateAccount ul.memberships {
       margin-bottom: 25px;
    }

    .registrationSignInBody #pageRegistrationRegister #associateAccount.registrationFrame {
       padding-bottom: 78px;
    }

    .registrationSignInBody .disneyAccount h3 {
        color: #00233C;
        font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 13px;
    }

    .registrationFooterFrame {
        background-color: #f2f9fc;
    }
}

.fixfixed {
    position: relative;
}

.fixfixed .registrationFooterFrame {
    position: relative !important;
    margin-top: -50px !important;
    left: 0 !important;
    bottom:0 !important;
    width: 100%;
}

.registrationFooterWrap {
    position: relative;

    margin: 0 auto;
    max-width: 940px;
    min-height: 0;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (max-width: 767px) {

    .registrationFooterWrap {
        padding-left: 0;
        padding-right: 0;
    }

}

.subflowLeftBtnWrap {
    position: absolute;
    bottom: 0;
    left: 0;
    float: left;
    margin-left: 20px;
    padding: 17px 0;
    display: inline-block;
}

.subflowMidBtnWrap {
    margin: 13px auto 0;
    display: inline-block;
}

.subflowRightBtnWrap {
    float: right;
    padding: 17px 0;
    display: inline-block;
}

/*
 * Normal Sign-In
 */
.signInFrame {
    text-align: left;
    background-color: #FFF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    padding: 38px 30px 39px;
}

.signInWrapper {
    height: 100%;
    min-height: 100%;
    margin: 74px auto 48px auto;
    max-width: 560px;
}

.signInWrapper .signInDVCLogo {
    margin: 0 auto 15px auto;
}

.signInFooterWrapper {
    color: #FFF;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 30px;
    text-align: center;
}

.signInFooterLink {
    margin: 0 0 15px 0;
}

.signInFooterLink a {
    color: #FFF;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding: 0 7px;
    white-space: nowrap;
}

.usernamePasswordWrap {
    margin: 18px 0 3px;
}

.signInButtonWrap {
    margin: 21px 0 4px;
}

.signInButtonWrap .richCheckBox {
    margin-right: 7px;
    position: relative;
    top: -2px;
}

.signInButtonWrap label#login_remember_me_label {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #00233C;
}

.signInDisclaimerContentItem {
    line-height: 14px;
    font-size: 12px;
    font-weight: 400;
    color: #65778a;
}

#signInBottomInformationContainer .createAccount .pepMdxIcon {
    position: relative;
    top: 4px;
    left: 0;
    font-size: 20px;
}

#signInBottomInformationContainer a:hover,
#signInBottomInformationContainer a:focus {
    color: #0079BC;
}

.signInFrame .horizontalSeparator {
    background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0), #dfdfdf 5%, #dfdfdf 95%, rgba(255, 255, 255, 0));
    width: auto;
    margin: 33px 0 31px;
}

.signInFrame .form-error {
    margin-top: 21px;
}

.registrationSignInBody .error_icon,
.signInFrame .error_icon {
    position: relative;
    top: -5px;
}

.registrationSignInBody p.err-msg,
.registrationSignInBody h3.err-msg,
.registrationSignInBody div.err-msg,
.signInFrame p.err-msg,
.signInFrame h3.err-msg,
.signInFrame div.err-msg {
    line-height: 18px;
    color: #FF4605;
    font-size: 14px;
}

.registrationSignInBody h3.err-msg, .signInFrame h3.err-msg {
    display: inline-block;
    margin: 7px 0 0;
    font-weight: 600;
    padding: 0 0 0 6px;
}

.signInFrame #members_login_form {
    margin: 3px 0 0;
}

.registrationSignInBody p.err-msg, .signInFrame p.err-msg {
    display: block;
    margin: -14px 0 0 29px;
}

.signInFrame ul.err-msg {
    margin: 7px 0 0 14px;
}

.signInFrame .createAccount:hover .createAccountPlus,
.signInFrame .createAccount:focus .createAccountPlus {
    background-position: -154px -58px;
}

#signInBottomInformationContainer h2 {
    margin-bottom: 6px;
}

.gray-labels {
    color: #768AA0;
}

.pads-tb-15 {
    padding: 15px 0;
}

form#members_activation #dateOfBirthYear {
    width: 90px;
}

form#members_activation #dateOfBirthYear::-webkit-input-placeholder,
form#members_activation #dateOfBirthYear:-ms-input-placeholder {
    color: #a9b1bb;
}

form#members_activation #dateOfBirthYear:-moz-placeholder,
form#members_activation #dateOfBirthYear::-moz-placeholder {
    color: #a9b1bb;
    opacity: 1;
}

#dateOfBirthYear::-webkit-input-placeholder { font-style: italic !important; }
#dateOfBirthYear::-moz-placeholder { font-style: italic !important; }
#dateOfBirthYear:-moz-placeholder { font-style: italic !important; }
#dateOfBirthYear:-ms-input-placeholder { font-style: italic !important; }


.locked-out-retrieval-list {
    padding-left: 40px;
    clear: both;
}

.locked-out-retrieval-list li {
    color: #00233C;
}

/*
 * Connect Memberships
 */

.connectMembership .hr-seperator {
    width: 919px;
    margin-left: -40px;
    margin-top: 30px;
}

.connectMembership #modalTmpContent h3, .connectMembership #modalTmpContent p,
.connectMembership .membershipIdItem {
    text-align: left;
}

.connectMembership #signInBottomInformationContainer {
    padding-left: 0;
}

.modalButtonRightAlign {
    text-align: right;
}

#associateOtherDvcAccountConfirmation {
    margin-top: 10px;
}

.connectMembership .formElement {
    width: 50%;
}

@media screen and (max-width: 767px) {
    .signInWrapper {
        margin: 15px auto 18px auto;
    }

    .signInFrame {
        margin: 0 10px;
        padding: 18px 10px 19px;
    }

    #signInBottomInformationContainer {
        padding: 0;
    }

    .signInFooterWrapper {
        margin: 0 12px 30px;
        margin-top: -4px;
    }

    ul.memberships {
        margin-bottom:34px;
    }

    div.subText {
        color: #00233C;
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}

@media screen and (max-width: 767px) {
    .carouselWrapper .me-theme-homepage .mediaEngineContainer .slideTitle a,
    .carouselWrapper .slideTitle a {
        width: 300px;
        word-wrap: break-word;
    }

    .subflowMidBtnWrap #subflowSteps label,
    .subflowMidBtnWrap #subflowSteps div.bar {
        display: none;
    }

    .subflowMidBtnWrap #subflowSteps .step {
        width: auto;
    }

    #subflowSteps .step {
        margin: 0 10px 0 0;
    }

    #subflowSteps > div:last-child {
        margin-left: 0;
    }

    .subflowLeftBtnWrap {
        margin-left: 0;
        padding: 17px 0 17px 5px;
    }

    .subflowRightBtnWrap {
        padding: 34px 5px 17px 0;
    }

    .subflowMidBtnWrap {
        position: absolute;
        top: 0;
        margin-top: 8px;
        left: 0;
        right: 0;
    }

    .subflowRightBtnWrap button[name="subflow_back"] {
        margin-right: 15px;
    }

    .signInFrame {
       border-radius: 4px;
    }
}


/*
 * Story Cards - DVUI Components
 * --------------------------------------------------
 */

.dvui-storycard {
    padding: 33px 0;
}

.dvui-storycard h1,
.dvui-storycard .h1 {
    color: #00233C;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 9px;
}

.dvui-storycard h2,
.dvui-storycard .h2 {
    color: #00233C;
    font-family: Avenir-light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 9px;
}

.dvui-storycard .input-group-addon {
    background: none;
    border: 0;
    padding: 6px 0;
    vertical-align: top;
}

.dvui-storycard  .dvui-icon {
    font-size: 50px;
}

.dvui-storycard .input-group-addon.v-align-middle {
    vertical-align: middle;
}

.dvui-storycard .input-group-addon .pepMdxIcon {
    color: #dfdfdf;
}

.dvui-storycard .input-group-addon .pepMdxIcon.dvui-icon {
    color: #00233C;
}

.dvui-storycard .form-control {
    background: none;
    border: 0;
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: auto;
    padding: 0 0 0 30px;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075);
    box-shadow: inset 0 0 0 rgba(0,0,0,.075);
}

.dvui-storycard-inner {
    max-width: 620px;
}

.dvui-storycard a:hover .input-group-addon .pepMdxIcon,
.dvui-storycard a:focus .input-group-addon .pepMdxIcon,
.dvui-storycard a:hover .form-control h2,
.dvui-storycard a:focus .form-control h2,
.dvui-storycard a:hover .form-control,
.dvui-storycard a:focus .form-control {
    color: #0079BC;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    .dvui-storycard {
        padding: 20px 0;
    }

    .dvui-storycard-inner {
        max-width: 180px;
    }

    .dvui-storycard .input-group-addon {
        padding: 0;
    }

    .dvui-storycard  .dvui-icon {
        font-size: 35px;
    }

    .dvui-storycard h2,
    .dvui-storycard .h2 {
        font-family: Avenir-roman, Helvetica, Arial, sans-serif;
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .dvui-storycard .form-control {
        font-size: 12px;
        line-height: 20px;
        padding: 0 0 0 15px;
    }

    .dvui-storycard .input-group-addon .pepMdxIcon {
        font-size: 20px;
    }

}

.contentWrapper {
    text-align: left;
    background-color: #FFF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    padding: 30px 30px 15px;
}

#termsAgreeError {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin: 35px 0 10px 25px;
}

#alert-outage {
    background-color: #e5f3f8;
    padding: 20px;
    margin: 0 0 30px;
    border-radius: 10px;
}

#alert-outage .pepMdxIcon {
    position: relative;
    top: -6px;
    left: -3px;
    font-size: 25px;
    font-style: normal;
}

#alert-outage .blueWarning {
    top: 0;
    vertical-align: top;
}

#alert-outage .media-body {
    padding-left: 9px;
}

#alert-outage .alert-outage-msg-brief {
    color: #00233C;
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    max-width: 380px;
    margin-top: 2px;
    margin-left: 0;
    margin-bottom: 0;
}

#alert-outage .alert-outage-msg-detailed {
    color: #00233C;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 380px;
    margin-top: 8px;
    margin-left: 0;
    margin-bottom: 8px;
}

#alert-outage a {
    color: #0079BC;
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

#alert-outage a.readLessLink {
    margin: 0 0 20px 0;
    text-decoration: none;
}

#alert-outage a.readMoreLink {
    margin: 0 0 0 6px;
}

#alert-outage a:hover {
    cursor:pointer;
    cursor:hand;
    text-decoration: underline;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #alert-outage {
        padding: 15px 15px 13px;
        margin-top: -5px;
        margin-bottom: 20px;
    }

    #alert-outage .pepMdxIcon {
        top: -4px;
        font-size: 19px;
    }

    #alert-outage .media-body {
        padding-left: 5px;
    }

    #alert-outage .alert-outage-msg-brief {
        margin-top: 1px;
    }

    #alert-outage a.readLessLink {
        display: block;
        margin: 0 0 -1px;
    }

}

.disneySiteLogo {
    background: url('../images/disney_site_logo_sprites.png') no-repeat;
    text-indent: -9999px;
    display: inline-block;
    height: 27px;
    margin-right: 10px;
    background-size: 461px 27px;
}

.disney {
    background-position: 0 0;
    width: 60px;
}

.espn {
    background-position: -75px 0;
    width: 90px;
}

.abc {
    background-position: -172px 0;
    width: 25px;
}

.disneyLand {
    background-position: -215px 0;
    width: 90px;
}

.wdw {
    background-position: -321px 0;
    width: 140px;
}

.accessibilityToolTip {
    font-size: 0;
    height: 1px;
    overflow: hidden;
    display: none;
    margin-left: 4px;
    padding: 0;
}

.accessibilityBtn {
    display: none;
}

#oneid-wrapper {
    position: relative;
}

html.oneid-open {
    position: relative !important;
    overflow: hidden !important;
    height: 100% !important;
}

html.oneid-open body {
    position: static !important;
    overflow: hidden !important;
    height: 100% !important;
}

/*
html.oneid-open #oneid-wrapper.state-active {
    position: absolute !important;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch;
}
*/

.selectMebershipLabel {
    vertical-align: top;
    padding: 10px 0 0 0;
    width: 25%;
    display: inline-block;
}

.select-membership-wrapper {
    margin: 10px;
    text-align: left;
}

.select-membership-wrapper .selectMebershipLabel {
    width: 100%;
}

.ctaOfferWrapper .select-membership-wrapper .selectBox.long {
    width: 190px;
}

#membershipCardModal .modal-xs-fullscreen .modal-body,
#myMembershipCardModal .modal-xs-fullscreen .modal-body {
    padding-top: 0;
}

#membershipCardModal .cardImgWrapper,
#myMembershipCardModal .membership-card-wrapper {
    margin-top: 10px;
    margin: 0 auto;
    text-align: center;
}

#membershipCardModal .cardImgWrapper img,
#myMembershipCardModal .membership-card-wrapper img {
    margin: 0 auto;
}

#theHubPageWrapper .meDesktop {
    position: relative;
}

#theHubPageWrapper .storyCardBlock .media-player-button a {
    bottom: 5%;
}

.cardPreloader {
    position: relative;
    min-height: 330px;
}

.cardPreloader img {
    left: 40%;
    top: 35%;
    position: absolute;
}

#membershipCardModal .modal-content,
#myMembershipCardModal .modal-content {
     text-align: left;
}

#membershipCardModal .limited-card-copy,
#myMembershipCardModal .virtual-card-copy,
#card-holder .limited-card-copy {
    position: absolute;
    text-align: left;
}

#myMembershipCardModal .virtual-card-copy {
    top: 53%;
    width: 100%;
}

#myMembershipCardModal .virtual-card-copy .center-copy {
    margin-left: 20%;
    max-width: 300px;
}

#myMembershipCardModal .virtual-card-copy .center-copy ul {
    margin-left: 20px;
}

#card-holder img {
    margin: 0 auto;
}

.limited-card-copy ul {
    margin: 20px
}

#dvcDiscountsPerksOffersListingPage .with-sub-heading .sign-in-text{
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    margin-top: -2px;
    display: inline;
}

#dvcDiscountsPerksOffersListingPage .panel-sub-heading {
    font-family: Avenir-roman, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 2px;
}

/* Mobile only */
@media screen and (max-width: 767px) {

    #dvcDiscountsPerksOffersListingPage .with-sub-heading .sign-in-text {
        font-size: 14px;
        line-height: 14px;
        position: relative;
        top: -4px;
    }

    #dvcDiscountsPerksOffersListingPage .with-sub-heading #dvcDestinationCheckAvailabilitySignin {
        margin-bottom: 15px;
    }

    #pep-layout #pepHeroMediaCta .dvui-cta .uiPlus {
        display: none;
    }

}

#pep-layout #dvcDestinationsLanding .subHeroMediaContent.innerContentMedia .img-responsive {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#pepHeroMediaCta .dvui-cta {
    max-width: none;
    background-color: #1994d7;
    border-radius: 0 0 12px 12px;
    display: block;
    font-style: normal;
    font-weight: 400;
    height: auto;
    padding: 17px 30px 5px;
    position: relative;
    width: auto;
    text-align: left;
    margin: 0;
}

#pepHeroMediaCta .dvui-cta .button.blue {
    background-color: #1994d7;
}

#pepHeroMediaCta .dvui-cta h2,
#pepHeroMediaCta .dvui-cta .hidden-xs {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}

#pep-layout #pepHeroMediaCta .dvui-cta .hidden-xs {
    width: 79%;
}

#pep-layout #pepHeroMediaCta .dvui-cta .uiPlus {
    position: absolute;
    right: 30px;
    top: 20px;
}

#pep-layout .shareAlinkWrap {
    margin: -20px -10px 0 0
}

#pep-layout .meDesktop {
    position: relative;
}

#pep-layout .storyCardBlock .media-player-button a {
    bottom: 45%;
}

#pep-layout .shareAlinkWrap span.pepMdxIcon {
    font-size: 20px
}

#pep-layout .shareAlinkWrap a.shareButton .link {
    font-size: 12px;
}

.resortMapContent {
    margin: 10px 0 40px 0;
}
.dvcGuestHotline {
    display: none;
}

#theHubPageWrapper .me .me-custom-html-slides-before {
    display: none;
}
#theHubPageWrapper .me.me-fullscreen .me-custom-html-slides-before{
    display: block;
}
#theHubPageWrapper .me.me-fullscreen.innerContentMedia .me-custom-html-slides-before .media-title {
    color: #fff;
    font-size: 20px;
}

#theHubPageWrapper .me.me-fullscreen .me-custom-html-slides-append {
    display: none;
}

#theHubPageWrapper .me .me-custom-html.me-custom-html-thumbnails-append {
    display: inline;
}

#theHubPageWrapper .me .me-custom-html.me-custom-html-thumbnails-append .custom-button-2 {
    color: #FFF;
    line-height: 44px;
    padding-left: 15px;
    text-decoration: none;
    vertical-align: top;
}
#theHubPageWrapper .me .me-custom-html.me-custom-html-thumbnails-append .custom-button-2:hover {
    color: #1994D7;
}

#theHubPageWrapper .me.me-fullscreen .me-custom-html.me-custom-html-thumbnails-append .custom-button-2 {
    display: none;
}

#theHubPageWrapper .me .me-thumbnails {
    height: 65px;
}
#theHubPageWrapper .singleMedia .me-slides .me-slides-controls .me-slides-control-previous,
#theHubPageWrapper .singleMedia .me-slides .me-slides-controls .me-slides-control-next,
#theHubPageWrapper .singleMedia .me-thumbnails,
#theHubPageWrapper .singleMedia.me-fullscreen .me-thumbnails {
    display: none;
}

#mediaEngineGallery {
    position: relative;
}

#mediaEngineGallery .me {
    opacity: 1;
    transition: opacity 500ms ease;
}
#mediaEngineGallery .me.custom-fullscreen-animation {
    opacity: 0;
}

#mediaEngineGallery .me .me-thumbnails {
    height: 60px;
}

#mediaEngineGallery .me.innerContentMedia {
    overflow: hidden;
    border-radius: 12px;
}
#mediaEngineGallery .me.me-fullscreen.innerContentMedia {
    border-radius: 0;
}

#mediaEngineGallery .me .me-custom-html.me-custom-html-thumbnails-append {
    display: inline;
}

#mediaEngineGallery .me .me-custom-html.me-custom-html-thumbnails-append .custom-button-2 {
    color: #FFF;
    line-height: 44px;
    padding-left: 15px;
    text-decoration: none;
    vertical-align: top;
}
#mediaEngineGallery .me .me-custom-html.me-custom-html-thumbnails-append .custom-button-2:hover {
    color: #1994D7;
}

#mediaEngineGallery .me-launcher a {
    z-index: 4;
    bottom: 40px;
}
#mediaEngineGallery .me .me-custom-html.me-custom-html-slides-before {
    display: none;
}

#mediaEngineGallery .me.me-fullscreen .me-custom-html.me-custom-html-slides-before {
    display: block;
}

#mediaEngineGallery .me .me-custom-html.me-custom-html-slides-before .custom-title-1,
#mediaEngineGallery .me .me-custom-html.me-custom-html-slides-before .custom-button-1 {
    position: absolute;
}
#mediaEngineGallery .me .me-custom-html.me-custom-html-slides-before .custom-title-1 {
    font-weight: normal;
    font-size: 28px;
    left: 25px;
    margin: 0;
    text-align: left;
    top: 18px;
    width: auto;
    z-index: 1;
    color: #fff !important;
}

#mediaEngineGallery .me .me-custom-html.me-custom-html-slides-before .custom-button-1 {
    background-color: #1994D7;
    border-radius: 3px;
    color: #FFF;
    padding: 3px 16px;
    position: absolute;
    right: 87px;
    top: 22px;
    text-decoration: none;
    z-index: 1;
}
#mediaEngineGallery .me .me-custom-html.me-custom-html-slides-before .custom-button-1:hover {
    opacity: 0.8;
}
#mediaEngineGallery .me .me-custom-html.me-custom-html-thumbnails-append {
    display: inline;
}
#mediaEngineGallery .me .me-custom-html.me-custom-html-thumbnails-append .custom-button-2 {
    color: #FFF;
    line-height: 44px;
    padding-left: 15px;
    text-decoration: none;
    vertical-align: top;
}
#mediaEngineGallery .me .me-custom-html.me-custom-html-thumbnails-append .custom-button-2:hover {
    color: #1994D7;
}

#mediaEngineGallery .me-single-media  .me-slides-controls,
#mediaEngineGallery .me-single-media  .me-thumbnails {
    display: none;
}

/*** Bravissimo ***/
#mediaEngineGallery.bravissimo .subHeroImageWrapper img.hero-image {
    width: 100%;
}
#mediaEngineGallery.bravissimo #heroText .custom-title-1,
#mediaEngineGallery.bravissimo .me-custom-html-slides-before h1 {
    display: block;
    font-family: Avenir-medium, Helvetica, Arial, sans-serif;
    font-size: 42px;
    color: #fff;
}

#mediaEngineGallery.bravissimo h2.custom-subtitle-1 {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: .75em;
}

#mediaEngineGallery.bravissimo #heroText .openMediaEngineButton {
    font-size: 1.8vw;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    align-items: center;
    justify-content: center;
    margin: 0;
}

#mediaEngineGallery.bravissimo #heroText {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
}

#mediaEngineGallery.bravissimo #heroText #mediaEngineLauncher12 {
    text-align: center;
}
#mediaEngineGallery.bravissimo #heroText br {
    content: '';
    margin: 2em;
    display: block;
    font-size: 24%;
}
#mediaEngineGallery.bravissimo  #heroText .openMediaEngineButton .pepMdxIcon {
    vertical-align: top;
}

#mediaEngineGallery.bravissimo #heroText .openMediaEngineButton:hover,
#mediaEngineGallery.bravissimo #heroText .openMediaEngineButton:focus {
    opacity: 0.7;
}

/*** End Bravissimo ***/

/*** Full Screen ***/
#mediaEngineGallery .me.me-fullscreen .custom-title-1 {
    display: none;
}
#mediaEngineGallery .me.me-fullscreen .me-custom-html-slides-before .media-title {
    color: #fff;
    font-weight: normal;
    font-size: 28px;
    left: 25px;
    margin: 0;
    text-align: left;
    top: 18px;
    width: auto;
    z-index: 1;
}

#mediaEngineGallery .me.me-fullscreen .me-custom-html-slides-append {
    display: none;
}

#mediaEngineGallery .me.me-fullscreen .me-custom-html.me-custom-html-thumbnails-append .custom-button-2 {
    display: none;
}

#mediaEngineGallery .me.me-fullscreen .custom-title-1 br,
#mediaEngineGallery .me.me-fullscreen .custom-title-1 br:after {
    content:' ';
}

#mediaEngineGallery .me.me-fullscreen .me-custom-html.me-custom-html-thumbnails-append .custom-button-2 {
    display: none;
}

#mediaEngineGallery .me.me-fullscreen .me-thumbnails {
    height: 90px;
}

#mediaEngineGallery .me.me-fullscreen .me-controls .me-controls-general {
    display: block;
    align-items: center;
    height: 46px;
    right: 10px;
    top: 0;
    transition: opacity 300ms ease;
}

#mediaEngineGallery .me .me-controls .me-controls-general .me-share .me-share-toggle {
    font-size: 28px;
}

#mediaEngineGallery .me .me-controls .me-controls-general .me-slideshow-play-pause,
#mediaEngineGallery .me .me-controls .me-controls-general .me-fullscreen {
    display: none;
}

#mediaEngineGallery .me .me-controls .me-controls-general .me-share .me-share-links {
    text-align: left;
}

#mediaEngineGallery .me.me-fullscreen .me-controls {
    width: 100%;
}

#mediaEngineGallery .me.me-fullscreen .me-controls .me-controls-video {
    width: 100%;
    max-width: 450px;
    padding: 0 20px;
    margin: 0 auto;
}

#mediaEngineGallery .me .me-controls .me-controls-general .me-share .me-share-links {
    left: -80px;
    bottom: 45px;
}
#mediaEngineGallery .me .me-controls .me-controls-general .me-share .me-share-links::after {
    right: -80px;
}

#mediaEngineGallery .me.me-inline:not(.me-fullscreen) .me-controls {
    position: relative;
    left: 0;
    bottom: 0;
    display: flex;
}

#mediaEngineGallery .me.me-inline:not(.me-fullscreen) .me-controls-video .me-video-timer,
#mediaEngineGallery .me.me-inline:not(.me-fullscreen) .me-controls-video .me-video-volume,
#mediaEngineGallery .me.me-inline:not(.me-fullscreen) .me-controls .me-controls-video .me-video-cc {
    display: inline;
    position: relative;
}

#mediaEngineGallery .me.me-inline:not(.me-fullscreen) .me-controls .me-controls-video .me-video-timer {
    padding: 0 20px;
}

#mediaEngineGallery .me.me-inline:not(.me-fullscreen) .me-fullscreen {
    display: inline;
}

#mediaEngineGallery .me.me-inline:not(.me-fullscreen) .me-controls-video {
    width: 100%;
}
#mediaEngineGallery .me.me-inline:not(.me-fullscreen) .me-controls-general {
    display: flex;
    position: absolute;
    right: 0;
    margin-right: 20px;
    top: 25px;
}

#mediaEngineGallery .me.me-inline:not(.me-fullscreen) video {
    max-height: 586px;
}

#mediaEngineGallery .me.me-inline:not(.me-fullscreen) .me-controls .me-controls-video .me-video-play-pause {
    position: relative;
    margin-left: 20px;
    right: unset;
    top: 0;
}

#mediaEngineGallery .me.me-inline:not(.me-fullscreen) .me-controls-general .me-share .me-share-toggle {
    font-size: 21px;
}

#mediaEngineGallery .me.me-inline:not(.me-fullscreen) .me-controls .me-controls-video .me-video-progress-bar {
    width: 100%;
    display: inline;
}

#mediaEngineGallery .me.me-inline:not(.me-fullscreen) .me-slides .me-slides-media ul li .me-video-play-pause-overlay .me-video-play-pause {
    opacity: .7;
    display: flex;
    color: #000;
}

#mediaEngineGallery .me.me-inline:not(.me-fullscreen) .me-slides .me-slides-media ul li .me-video-play-pause-overlay.me-playing .me-video-play-pause {
    opacity: 1;
    display: none;
}


#mediaEngineGallery .me.me-fullscreen .me-tabs {
    z-index: 2;
}


/*** End Full Screen ***/

/*** Devices **/
@media (min-width: 768px) {
    #mediaEngineGallery .me.me-fullscreen .me-custom-html.me-custom-html-slides-before {
        display: block;
    }
    #mediaEngineGallery .me.me-fullscreen .me-slides .me-slides-counter {
        bottom: 180px;
    }

    #mediaEngineGallery .me.me-fullscreen .me-slides .me-slides-media ul li video {
        width: 100%;
    }

}
@media (min-width: 1024px) {
    #mediaEngineGallery .me.me-fullscreen .me-custom-html.me-custom-html-slides-before {
        position: relative;
    }

    #mediaEngineGallery .me.me-fullscreen .me-custom-html.me-custom-html-slides-before .custom-button-1 {
        position: fixed;
        right: 87px;
    }
}
@media (min-width: 1200px) {
    #mediaEngineGallery .me.me-fullscreen .me-custom-html.me-custom-html-slides-before .custom-button-1 {
        position: absolute;
        right: 0;
    }
}

@media (min-width: 1024px) {
    #mediaEngineGallery .me.me-no-touch.custom-thumbnails-animation .me-thumbnails {
        bottom: 0;
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    #mediaEngineGallery.bravissimo #heroText .custom-title-1 {
        font-size: 24px;
    }
    #mediaEngineGallery.bravissimo #heroText .openMediaEngineButton {
        font-size: 16px;
    }
    #mediaEngineGallery .me .me-slides .me-slides-cc {
        top: auto;
        bottom: 0;
    }
    #mediaEngineGallery .me.me-fullscreen .me-controls .me-controls-video {
        max-width: 100%
    }

    #mediaEngineGallery .me.me-fullscreen .me-controls .me-controls-video .me-video-progress-bar {
        margin-left: 0px;
        max-width: 110px !important;
    }

     #mediaEngineGallery.bravissimo .subHeroImageWrapper img.hero-image {
        width: 100%;
        display: block;
        object-fit: cover;
        min-height: 308px;
    }

    #mediaEngineGallery.bravissimo h2.custom-subtitle-1 {
        font-size: 16px!important;
    }
    #mediaEngineGallery .me.me-inline:not(.me-fullscreen) {
        display: none;
    }
}


#memberReferralPage .dvcss-page-body {
    margin-top: 50px;
}

#memberReferralPage .dvcss-content-title {
    font-size: 36px;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-weight: 700;
}

#memberReferralPage .gray-text {
    color: #8294aa;
    font-size: 12px
}

#memberReferralPage .long-text {
    width: 75%;
}

#memberReferralPage .page-intro {
    margin-top: 12px;
}

#memberReferralPage .dvui-fieldset {
    margin-top: 15px;
}

#memberReferralPage.snowball .dvcss-panel-form-footer-actions {
    border: none;
    padding: 10px 20px 40px;
}

#memberReferralPage .form-section h2 {
    margin-bottom: 22px;
}

#memberReferralPage .select-membership {
    margin-top: 21px;
}

#memberReferralPage .refer-my-guide {
    margin-top: 30px;
}

#memberReferralPage .btn-secondary {
    margin-right: 30px;
}

#memberReferralPage .page-intro .col-md-9,
#memberReferralPage .page-intro .col-md-3,
#memberReferralPage .page-intro .col-xs-12 {
    padding: 0;
}

#memberReferralPage .refer-my-guide {
    margin: 30px 0;
}

#memberReferralPage .referral-terms {
    margin: 30px 0 0;
}

/** Confirmation Page **/

#memberReferralPage .summaryContent {
    font-style: italic;
    font-size: 16px;
    font-style: italic;
    font-size: 16px;
    margin: 20px auto 60px;
    width: 80%;
}

#memberReferralPage #primaryPlayer {
    padding: 35px 0 0;
}

#memberReferralPage #primaryPlayer,
#memberReferralPage #primaryPlayer .videoPlayer,
#memberReferralPage #primaryPlayer .mediaSlider {
    max-width: 100%;
}

#memberReferralPage .referralDoneIcon:after {
    content: "\E241";
    font-family: 'pepmdx2';
    color: #61941b;
}

#memberReferralPage .member-referral-done-page h4 {
    font-family: Avenir-heavy, Helvetica, Arial, sans-serif !important;
    font-weight: 600;
    line-height: 16px;
    font-size: 16px;
}

#memberReferralPage .action-buttons {
    margin: 60px 0 20px;
}

#memberReferralPage .member-not-eligible {
    margin: 5px 0 0 20px;
    width: 75%;
}

#memberReferralPage .member-referral-done-page ul {
    list-style: none;
}

#memberReferralPage #primaryPlayer .bottomHolder {
    display: none !important;
}

#memberReferralPage .member-reward-eligibility {
    font-weight: bold;
}

/* Mobile only */
@media screen and (max-width: 767px) {
    #memberReferralPage .btn-secondary {
        margin: 15px 0 0 0;
    }
    #memberReferralPage .long-text {
        width: 100%;
    }
    #memberReferralPage .page-intro .text-right {
        text-align: left;
    }
    #memberReferralPage .content-section {
        padding: 0;
    }
    #memberReferralPage .dvcss-content-title {
        font-size: 24px;
        text-align: center;
        padding: 5px 0;
        margin: 0;
    }
    #memberReferralPage .dvcss-page-body {
        margin-top: 0;
    }

    #memberReferralPage .dvcss-panel.panel-lg {
        margin-top: 40px;
    }

    #memberReferralPage .page-intro {
        margin-top: 0;
    }

    #memberReferralPage .page-intro .gray-text {
        margin-top: 15px;
    }

    #memberReferralPage .dvcss-panel-form-footer-actions .col-sm-12 {
        margin: 0;
        padding: 0;
    }

    #memberReferralPage .snowball .form-section {
        padding: 35px 0;
    }

    #memberReferralPage .dvui-fieldset {
        margin-top: 28px;
    }

    #memberReferralPage .statesEligibiltyCopy {
        margin-top: 10px;
    }

    #memberReferralPage .dvui-fieldset-row .dvui-fieldset-col {
        margin-bottom: 0;
    }

    #memberReferralPage .refer-my-guide {
        margin: 20px 0 25px;
    }

    #memberReferralPage.snowball .dvcss-panel-form-footer-actions {
        padding-top: 15px;
    }

    #memberReferralPage .cbox {
        position: relative;
    }

    #memberReferralPage .cbox label {
        position: absolute;
        top: -2px;
        margin-left: 5px;
        font-size: 16px;
        line-height: 20px;
    }

    #memberReferralPage .dvui-fieldset,
    #memberReferralPage .statesEligibilityTextCopy.gray-text {
        font-size: 14px;
    }

    #memberReferralPage #primaryPlayer .videoPlayer,
    #memberReferralPage #primaryPlayer .mediaSlider {
        height: 200px;
    }

    #memberReferralPage #primaryPlayer {
        padding: 25px 0 0;
    }

    #memberReferralPage .member-referral-done-page h4 {
        font-size: 18px;
        margin: 0 0 15px;
    }

    #memberReferralPage .summaryContent {
        margin-bottom: 25px;
        font-size: 14px;
    }

    #memberReferralPage .col-sm-12 {
        margin-bottom: 30px;
    }

    #memberReferralPage .action-buttons {
        margin-bottom: 30px;
    }

    #memberReferralPage .action-buttons .btn-mobile {
        margin: 0 20px;
    }

    #memberReferralPage .member-not-eligible {
        margin: 0 20px;
        width: auto;
    }

    #memberReferralPage .me-theme-light .mediaEngineContainer {
        min-width: 100%;
    }

    #memberReferralPage .statesEligibilityTextCopy.gray-text,
    #memberReferralPage .cbox label,
    #memberReferralPage .cbox label a,
    #memberReferralPage .member-reward-eligibility {
        line-height: 20px;
    }
}

@media screen and (min-width:769px) {
    #memberReferralPage #primaryPlayer .videoPlayer,
    #memberReferralPage #primaryPlayer .mediaSlider {
        height: 497px;
    }
}
/*# sourceMappingURL=dvc.pages.min.css.map */