x x x
x
Only portrait mode is currently supported - please rotate your device.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
<style>
div.general-image-wrapper {
    border: solid 1px #e0e0e0;
    background-color: #ffffff;
    height: unset !important;
}

div.sidebar-container {
    border-right: solid 1px #e0e0e0;
    background-color: #ffffff;
    width: calc(100% - 60px);
    padding: 30px;
    height: 100% !important;
    font-family: var(--main-font-family);
    color: var(--primary-font-color);
    text-align: left;
}

div.sidebar-container .general-description-wrapper {
    padding: 30px 0;
    text-align: left;
}

div.info-wrapper {
    color: var(--primary-font-color);
    
}

.info-wrapper h3 span, .info-wrapper p span {
    color: var(--primary-font-color) !important;
    font-family: var(--main-font-family);
	text-align: left !important;
}

.info-wrapper h3 span {
    font-size: 18px;
    font-weight: bold;
}

.info-wrapper p span {
    font-size: 18px;
}

div#\$paramContainerID {
    width: calc(100vw - 160px);
    margin: 80px;
    border: solid 1px #e0e0e0;
    background-color: #ffffff;
}


div#main-content {
    background: #ffffff;
}

.custom-column-container:nth-child(2) {
    width: calc(15% + 60px) !important;
}

.custom-column-container:nth-child(4) {
    width: calc(85% - 60px) !important;
}

.info-wrapper h3, .info-wrapper p {
    display: flex;
}

div.info-wrapper {
    padding: 20px 0;
}

div.sidebar-container .general-description-wrapper {
    width: 100%;
}

.buttons-wrapper {
    /* margin-top: 40px; */
}

.buttons-wrapper #message-button-link > button, #back-button-link > button {
    border-radius: 8px;
    background: var(--primary-color) !important;
    border: none;
    color: #ffffff;
    font-family: var(--main-font-family);
    font-size: 14px;
    padding: 18px;
    height: 54px;
    width: 100%;
}

button.msg-button {
    margin-bottom: 15px;
}

a#message-button-link, a#back-button-link {
    width: 100%;
}

p.my-title {
    padding: 50px 50px 0 50px;
    font-size: 28px;
    font-weight: bold;
    font-family: var(--main-font-family);
}

.body-container {
    font-size: 18px !important;
    letter-spacing: 0.45px !important;
}

div.info-cards-container {
    width: 100%;
    padding: 50px;
}

.general-text-container:nth-child(5) .my-title {
    padding-top: 0;
}

.general-text-container:nth-child(5) .body-container {
    display: none;
}

.custom-column-container:nth-child(2) {
    margin: 0 auto;
}

button.my-button {
    border-radius: 8px;
    background: var(--primary-color) !important;
    border: none;
    color: #ffffff;
    font-family: var(--main-font-family);
    font-size: 14px;
    padding: 18px;
    height: 54px;
    margin-top: 10px;
}
</style>

<script>
$('.service-banner').attr('src','https://passport-media.s3-us-west-1.amazonaws.com/Morgan+Stanley/Company+Images/screen.jpg')

</script>