/* Plan My Move css */
form#wwvFlowForm {
    min-height: auto !important;
}
body {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
}
/* fix the natural padding caused by APEX core css */
.t-PageBody .t-Body-main .t-Body-content .t-Body-contentInner,
.t-PageBody .t-Body-main .t-Body-content .t-Body-contentInner > .container,
.t-Region .t-Region-body {
    padding: 0px;
}
/* make sure all browsers have some visual indicator of focus on buttons */
body button:focus, body a:focus,
.t-Body button:focus, .t-Body a:focus,
.mos-dialog button:focus, .mos-dialog a:focus {
    outline: 1px #4a4a4a dotted;
}
/* fix natural overflow caused by APEX core css */
.t-Body-main, .t-Body-content, .container, .row, .col,
.t-Body-contentInner div, .t-Body-contentInnerFull div,
.t-Region--visibleOverflow, .t-Region--visibleOverflow * {
    overflow: visible;
}
/* remove padding from buttons regions, upper and lower */
.t-Region-buttons-left,
.t-Region-buttons-right,
.t-ButtonRegion-col--content,
.t-ButtonRegion-col--left .t-ButtonRegion-buttons, .t-ButtonRegion-col--right .t-ButtonRegion-buttons {
    padding: 0px;
}
/* float right will overlay the region body and not allow the button to be clicked, make it relative to z-index */
.t-Region-buttons.t-Region-buttons--top .t-Region-buttons-right {
    position: relative;
    right: 0px;
    z-index: 1;
}
/* fix natural margin caused by APEX core css */
.t-Body-main, .t-Body-content {
    margin-top: 0px !important;
}
/* fix natural padding caused by APEX core css */
.t-Form-inputContainer, .t-Form-inputContainer.col,
.t-Form-labelContainer, .t-Form-labelContainer.col {
    padding: 0px;
}
/* remove padding from all buttons caused by APEX core css */
.mos-button.t-Button {
    padding: 0px;
}
/* change the padding between buttons caused by APEX core css */
.mos-button.t-Button + .mos-button.t-Button {
    margin-left: 12px;
}
.mos-Header a.links:hover, .mos-Header a.links:focus,
.mos-Header button.links:hover .t-Button-label, .mos-Header button.links:focus .t-Button-label,
.t-Breadcrumb .t-Breadcrumb-item a:hover, .t-Breadcrumb .t-Breadcrumb-item a:focus {
    border-bottom: solid #B82132 2px !important;
}
/* 508 - do not let screen reader announce the / between breadcrumbs */
.t-Breadcrumb-item:after {
    content: "/" / "";
}
.t-PageBody .t-Body,
.t-Body-main {
    background-color: white;
}
.t-PageBody .t-Body-main {
    min-height: 600px;
}
.t-PageBody .t-Body-main .t-Body-content {
    background-color: white;
    padding-bottom: 24px; /* padding below the back to top arrow */
}
.t-Body-content.pmm-body-content .t-Body-contentInner a {
    border-bottom: 2px solid #B82132;
    color: #B82132 !important;
}
.t-Body-content .t-Body-contentInner .t-Breadcrumb a {
    border-bottom: 2px solid transparent;
    color: #4a4a4a !important;
}
.t-Body-content.pmm-body-content .t-Body-contentInner a:focus, .t-Body-content .t-Body-contentInner a:hover {
    /* border-bottom: 2px solid #B82132; */
    border-bottom: 2px solid transparent;
}
/* put an external link icon on all links in the content that take you out of the militaryonesource network */
.t-Body-content.pmm-body-content .t-Body-contentInner a:not([href*="militaryonesource.mil"]):not([href^="/"]):not([href^="#"]):after {
    content: "\f08e";
    font-size: 0.75em;
    font-family: 'FontAwesome';
    margin-left: 5px;
}
.t-PageBody .t-Body-main .t-Body-content .t-Body-contentInner {
    padding-top: 175px;
}
@media (max-width: 767px) {
    .t-PageBody .t-Body-main .t-Body-content .t-Body-contentInner {
        padding-top: 135px;
    }
}
.t-PageBody.pmm-content .t-Body-main .t-Body-content .t-Body-contentInner {
    width: 80%;
    margin: auto;
}
@media (max-width: 1024px) {
    .t-PageBody.pmm-content .t-Body-main .t-Body-content .t-Body-contentInner {
        width: 100%;
    }
}
.t-PageBody .t-Body-main .t-Body-content .t-Body-contentInner {
    background: transparent !important;
}
.t-PageBody .t-Body-main .t-Body-content .t-Body-contentInner > .container {
    max-width: 1140px;
    background-color: transparent;
    padding: 0px 0px 40px 0px;
}
.t-Form-error {
    color: #c93140 !important;
}
.t-Body .t-Body-main .t-Body-topButton {
    margin: 24px auto 0px;
}
.t-Body .t-Body-main .t-Body-topButton .icon-up-chevron {
    color: #B82132;
}
.t-Region {
    border: none;
    box-shadow: none;
    margin-bottom: 0px;
}
/* fix natural borders on regions caused by APEX core css */
.t-Region-header {
    border: none !important;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
.col {
    padding-right: 0px;
    padding-left: 0px;
    min-height: 0px;
}
/* remove default apex css for all columns */
@media (max-width: 640px) {
    .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
        float: left;
        clear: none;
    }
    .t-PageBody.pmm-content .t-Body-main .t-Body-content .t-Body-contentInner {
        width: 100%;
    }
}
p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 1rem;
}
@media (max-width: 575px) {
    p {
        font-size: 14px;
        line-height: 21px;
    }
}
.bold {
    font-weight: bold;
}
.container-fluid {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
}
.float-right {
    float: right;
}
.hide {
	display : none !important;
}
.row.space-between {
    padding: 0px 0px 32px 0px;
}

/*
** skip to main content link - hide unless focus/hover/active
*/
.t-Body > a.skip-to-main-content {
    color: white;
    position: absolute;
    z-index: 10000;
    top: -1000px;
    left: -1000px;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.t-Body > a.skip-to-main-content:active,
.t-Body > a.skip-to-main-content:focus,
.t-Body > a.skip-to-main-content:hover {
    left: 1px;
    top: 1px;
    width: auto;
    height: auto;
    overflow: visible;
}

/*
** MOS HEADER **
*/
.mos-Header {
    width: 100%;
    padding: 24px;
    position: absolute;
    font-family: 'Work Sans', sans-serif;
    box-shadow: inset 0 -1px 0 0 rgba(18, 52, 74, 0.05);
    transition: transform 0.7s ease, background 0.7s ease-in, top 0.7s ease;
    background: #ffffff;
    z-index: 999;
}
@media (max-width: 991px) {
    .mos-Header {
        padding: 24px 15px;
    }
    .mos-Header .container-fluid {
        padding: 0px;
    }
}
/* hide/show classes for header */
.mos-Header.transparent-header {
    background: rgba(255, 255, 255, 0);
}
.mos-Header.hide-header {
    transform: translateY(-100%);
}
.mos-Header.reveal-header {
    top: 0px;
    position: fixed;
}
/* header logo */
@media screen and (max-width: 900px) {
    .mos-Header .mobile-logo {
        height: 33px;
        margin-right: 0;
        max-width: 175%;
    }
}
/* header links, buttons and a tags*/
.mos-Header .links {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: #194867;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.88px;
    margin: 11.2px;
    text-decoration: none;
}
#pmm-fullscreen-menu button.links .t-Icon.fa {
    font-weight: bold;
    margin-left: 6px;
}
/* header sub-menus */
.t-NavigationBar-menu.a-Menu {
    min-width: auto;
}
.t-NavigationBar-menu.a-Menu .a-Menu-content {
    background-color: white;
    box-shadow: 1px 1px 4px #4a4a4a;
    margin-top: 8px;
    padding: 0px;
}
.t-NavigationBar-menu.a-Menu .a-Menu-content .a-Menu-item {
    background-color: white !important;
    border-bottom: 2px solid transparent;
    color: #194867;
    padding: 0px;
}
.t-NavigationBar-menu.a-Menu .a-Menu-content .a-Menu-item.is-focused {
    background-color: #194867 !important;
}
.t-NavigationBar-menu.a-Menu .a-Menu-content .a-Menu-item.is-focused .a-Menu-label {
    color: white !important;
    font-weight: 500;
}
.t-NavigationBar-menu .a-Menu-content .a-Menu-item .a-Menu-label {
    color: #194867 !important;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 12px;
}
.pmm-content .a-Menu .a-Menu-item .a-Menu-inner .a-Menu-statusCol,
.pmm-content .t-NavigationBar-menu.a-Menu .a-Menu-content .a-Menu-item .a-Menu-inner .a-Menu-accelContainer {
    display: none;
}
@media (min-width: 992px) {
    #pmm-fullscreen-menu {
        display : inline;
    }
    #pmm-hamburger-menu {
        display : none;
    }
}
@media (max-width: 991px) {
    #pmm-fullscreen-menu {
        display : none;
    }
    #pmm-hamburger-menu {
        display : inline;
    }
}

/* header logo */
@media screen and (max-width: 991px) {
    .mos-Header #header-logo-link .header-logo {
        height: 33px;
        margin-right: 0;
        max-width: 175%;
    }
}

/*
  Site Message
*/
.site-message-wrapper {
    background-color: rgba(0, 140, 234, 0.2);
    display: inline-flex;
    max-height: 55px;
    padding: 16px 10.83%;
    width: 100%;
}
.site-message-wrapper.expand {
    max-height: none;
}
.site-message-wrapper .site-message-icon {
    margin-right: 19px;
    height: 20px;
    width: 25px;
    min-width: 25px;
    position: relative;
    top: 3px;
    display: inline-block;
}
.site-message-wrapper .site-message {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 150px);
}
.site-message-wrapper .site-message.expand {
    display: inline;
}
.site-message-wrapper .site-message .site-message-title {
    font-family: 'Work Sans', sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #194867;
    white-space: nowrap;
    position: relative;
    top: -1px;
}
.site-message-wrapper .site-message .site-message-title.expand {
    display: block;
    white-space: normal;
}
.site-message-wrapper .site-message .site-message-content {
    font-family: 'Arvo', serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #4a4a4a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 19px;
}
.site-message-wrapper .site-message .site-message-content p {
    margin: 0;
    display: inline;
}
/* make site message links red */
.site-message-wrapper .site-message .site-message-content a {
    color: #b92131 !important;
}
.site-message-wrapper .site-message .site-message-content a:hover,
.site-message-wrapper .site-message .site-message-content a:focus {
    border-bottom: 2px solid #B82132 !important;
}
.site-message-wrapper .site-message .site-message-content a[target='_blank']:after {
    content: "\f08e";
    font-size: 0.75em;
    font-family: 'FontAwesome';
    margin-left: 5px;
}
.site-message-wrapper .site-message .site-message-content.expand {
    margin-left: 0px;
    white-space: normal;
}
.site-message-wrapper .site-message-btn {
    color: #194867;
    cursor: pointer;
    display: inline-block;
    font-family: 'Arvo', serif;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: normal;
    margin-left: 20px;
    white-space: nowrap;
}
.site-message-wrapper .site-message-btn.expand {
    align-self: flex-end;
}
.site-message-wrapper .site-message-btn .site-message-btn-indicator {
    margin-right: 5px;
}
@media (max-width: 767px) {
    .site-message-wrapper {
        padding: 14px 3.83%;
        display: inline-block;
        max-height: none;
    }
    .site-message-wrapper .site-message-icon {
        top: -6px;
    }
    .site-message-wrapper.expand .site-message-icon {
        top: 0px;
    }
    .site-message-wrapper .site-message {
        display: inline-block;
        max-width: calc(100% - 50px);
    }
    .site-message-wrapper .site-message .site-message-title {
        font-size: 16px;
        top: 0px;
    }
    .site-message-wrapper .site-message .site-message-title.expand {
        display: inline;
    }
    .site-message-wrapper .site-message .site-message-content p {
        font-size: 14px;
    }
    .site-message-wrapper .site-message .site-message-content.expand {
        margin-left: 19px;
    }
    .site-message-wrapper .site-message-btn {
        font-size: 14px;
        margin-left: 0px;
        display: block;
    }
}

/*
  Logged out due to inactivity
*/
.mos-Region.pmm-error-notification {
    background-color: #faebec !important;
    margin-bottom: 32px;
    padding-bottom: 32px;
    padding-top: 32px;
}
.mos-Region.pmm-error-notification .t-Region-body {
    color: #c93140;
}
.mos-Region.pmm-error-notification .t-Region-body .fa-icon {
    font-size: 24px;
    margin-right: 8px;
    vertical-align: bottom;
}

/*
  Home page
*/
body.homepage button.view-all {
    background: transparent;
    border: none;
    border-bottom: 2px solid #194867;
    color: #194867 !important;
    font-weight: bold;
    padding: 0px;
}
body.homepage button.log-in-to-view {
    background: transparent;
    border: none;
    border-bottom: 2px solid #194867;
    color: #194867;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    padding: 0px;
}
body.homepage .mos-Item.mos-Item-large .t-Form-labelContainer label {
    height: auto;
    margin-bottom: 16px;
}
body.homepage .mos-radio-item .selection:not(:first-of-type) {
    width: 66.6666666667%;
}
body.homepage #select-your-role {
    margin-bottom: 30px;
}
body.homepage #get-started {
    margin-bottom: 16px;
}
@media (max-width: 767px) {
    body.homepage .mos-radio-item .selection {
        width: 50%!important;
    }
}
@media (max-width: 575px) {
    body.homepage .mos-Item.xlarge-label .t-Form-labelContainer label {
        font-size: 20px;
    }
    body.homepage .mos-Item.mos-Item-large .t-Form-inputContainer input[type="text"] {
        font-size: 14px;
        height: 60px;
        padding: 16px 24px;
    }
    body.homepage .autocomplete.active {
        border-radius: 30px 30px 0px 0px !important;
    }
    body.homepage .ac_results {
        width: calc(100% - 30px) !important;
    }
    body.homepage .ac_results ul li {
        font-size: 14px;
        padding: 6px 6px 6px 24px !important;
    }
    body.homepage button.log-in-to-view {
        font-size: 14px;
    }
}

/* all instllations page */
@media (min-width: 768px) {
    body.all-installations .left-col {
        width: 290px;
    }
    body.all-installations .main-col {
        width: calc(100% - 290px);
    }
}
@media (min-width: 575px) and (max-width: 767px) {
    body.all-installations .left-col {
        width: 100%;
    }
    body.all-installations .left-col .mos-Region {
        display: inline-block;
        float: left;
        width: 50%;
    }
    body.all-installations .main-col {
        width: 100%;
    }
}

/*
  TEMPLATE OPTIONS for Region : MOS Standard
*/
.mos-Region .t-Region-header {
    background-color: transparent !important;
}
.mos-Region .t-Region-headerItems--title {
    padding: 0px;
}
.mos-Region > .t-Region-header > .t-Region-headerItems > .t-Region-title {
    color: #194867 !important;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
    display: table;
    align-items: center;
    margin-bottom: 16px;
    line-height: 24px;
}
.mos-Region > .t-Region-bodyWrap > .t-Region-body {
    line-height: 24px;
    font-size: 16px;
}
@media (max-width: 575px) {
    .mos-Region > .t-Region-bodyWrap > .t-Region-body {
        line-height: 21px;
        font-size: 14px;
    }
}

/* MOS Region Background : Template Options */
.mos-Region {
    background-color: transparent !important;
}
.mos-Region.bg-white {
    background-color: #FFFFFF !important;
}
.mos-Region.bg-ghost-white {
    background-color: #F0F1F6 !important;
}
.mos-Region.bg-pale-gray {
    background-color: #F8F9FD !important;
}

/* MOS Region Box Shadow */
.mos-Region {
    box-shadow: none;
}
.mos-Region.outside-box-shadow {
    box-shadow: rgba(25, 72, 103, 0.15) 0 38px 43px 0;
}
.mos-Region.inside-box-shadow {
    box-shadow: inset 0 0 60px 0 rgba(18, 51, 74, 0.12);
}

/* MOS Region Padding : Template Options */
.mos-Region {
    padding-left: 15px;
    padding-right: 15px;
}
.mos-Region.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}
.mos-Region.padding-7-8pct {
    padding: 7% 8%;
}
.mos-Region.padding-4-8pct {
    padding: 4% 8%;
}
@media (max-width: 767px) {
    .mos-Region.padding-4-8pct {
        padding: 4% 30px;
    }
}

/* MOS Region Margin Bottom : Template Options */
.mos-Region.margin-bottom-30px {
    margin-bottom: 30px;
}
.mos-Region.margin-bottom-60px {
    margin-bottom: 60px;
}

/* MOS Body Background */
.mos-Region > .t-Region-bodyWrap {
    background: transparent;
}
.mos-Region > .t-Region-bodyWrap > .t-Region-body {
    background: none!important;
}
.mos-Region.body-bg-white > .t-Region-bodyWrap {
    background-color: #FFFFFF;
}
.mos-Region.body-bg-ghost-white > .t-Region-bodyWrap {
    background-color: #F0F1F6;
}
.mos-Region.body-bg-pale-gray > .t-Region-bodyWrap {
    background-color: #F8F9FD;
}

/* MOS Body Box Shadow */
.mos-Region > .t-Region-bodyWrap {
    box-shadow: none;
}
.mos-Region.body-box-shadow-outside > .t-Region-bodyWrap {
    box-shadow: rgba(25, 72, 103, 0.15) 0 38px 43px 0;
}

/* MOS Body Padding : Template Options */
.mos-Region.body-padding-4pct > .t-Region-bodyWrap {
    padding: 4%;
}
.mos-Region.body-padding-4-6pct > .t-Region-bodyWrap {
    padding: 4% 6%;
}
.mos-Region.body-padding-20px > .t-Region-bodyWrap {
    padding: 20px;
}
.mos-Region.body-padding-30px > .t-Region-bodyWrap {
    padding: 30px;
}
.mos-Region.body-padding-40px > .t-Region-bodyWrap {
    padding: 40px;
}

/* MOS Uppercase Title */
.mos-Region.uppercase-title > .t-Region-header > .t-Region-headerItems > .t-Region-title {
    text-transform: uppercase;
}

/* MOS Collapsible */
.mos-Region .t-Region-headerItems--controls {
    display: none;
}
.mos-Region.t-Region--hideShow .t-Region-headerItems--controls {
    display: table-cell;
}
.mos-Region.t-Region--hideShow > .t-Region-header .t-Region-headerItems--title {
    padding-left: 0px;
}
/* hide the collapsible button at any width above 576px */
@media ( min-width: 576px ) {
    .mos-Region.t-Region--hideShow .t-Region-headerItems--controls {
        display : none;
    }
}
/* display the collapsible button at any width below or at 575px */
@media (max-width: 575px) {
    .mos-Region.t-Region--hideShow .t-Region-headerItems--controls {
        display : table-cell;
    }
}

/* MOS Header Font Size */
.mos-Region.mos-Region-small-header > .t-Region-header > .t-Region-headerItems > .t-Region-title {
    font-size: 12px;
    line-height: 18px;
}
.mos-Region.mos-Region-xlarge-header > .t-Region-header > .t-Region-headerItems > .t-Region-title {
    font-size: 36px;
    line-height: 40px;
}
@media (max-width: 575px) {
    .mos-Region.mos-Region-xlarge-header > .t-Region-header > .t-Region-headerItems > .t-Region-title {
        font-size: 30px;
        line-height: 34px;
    }
}

/*
  ____  _    _ _______ _______ ____  _   _  _____
 |  _ \| |  | |__   __|__   __/ __ \| \ | |/ ____|
 | |_) | |  | |  | |     | | | |  | |  \| | (___
 |  _ <| |  | |  | |     | | | |  | | . ` |\___ \
 | |_) | |__| |  | |     | | | |__| | |\  |____) |
 |____/ \____/   |_|     |_|  \____/|_| \_|_____/

 ** CSS for all buttons **
*/

/*
  TEMPLATE OPTIONS for Item : MOS Button
*/
button.mos-button.t-Button {
    border-radius: 100px;
    border: 0;
    color: white;
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    line-height: 24px;
    width: auto;
    padding-left: 45px;
    padding-right: 45px;
    text-transform: uppercase;
}
button.mos-button.t-Button.t-Button--small {
    font-size: 14px;
    height: 36px;
    padding-left: 24px;
    padding-right: 24px;
}
/* on mobile make all buttons smaller */
@media (max-width: 575px) {
    button.mos-button.t-Button {
        font-size: 14px;
        height: 36px;
        padding-left: 24px;
        padding-right: 24px;
    }
}
/* Type : MOS Blue */
button.mos-button.t-Button--mosblue {
    background-color: #194867;
}
/* Type : MOS Red */
button.mos-button.t-Button--mosred {
    background-color: #B82132;
}
/* Type : MOS White */
button.mos-button.t-Button--moswhite {
    background-color: white;
    border: 1px solid #194867;
    color: #194867;
}
/* Icon Position : Right */
button.mos-button.t-Button .t-Icon--right {
    vertical-align: middle;
    margin-left: 10px;
    margin-right: -10px;
}
/* Icon Position : Left */
button.mos-button.t-Button .t-Icon--left {
    vertical-align: middle;
    margin-left: -10px;
    margin-right: 10px;
}

/*
   TEMPLATE OPTIONS for Item : mos-cancel-button template
*/
.mos-cancel-button {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    border: 0;
    cursor: pointer;
    display: inline;
    float: right;
    font-size: 14px;
    line-height: normal;
    margin-top: 12px;
    padding: 0px;
    vertical-align: baseline;
}
.mos-cancel-button .mos-cancel-line {
    background-color: #c93140;
    display: block;
    height: 6px;
    margin: 0 auto;
    width: 40px;
}
.mos-cancel-button .mos-button-text {
    color: #194867;
    display: block;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    padding-top: 6px;
    text-align: center;
    text-transform: uppercase;
}

/*
  _____ _______ ______ __  __  _____
 |_   _|__   __|  ____|  \/  |/ ____|
   | |    | |  | |__  | \  / | (___
   | |    | |  |  __| | |\/| |\___ \
  _| |_   | |  | |____| |  | |____) |
 |_____|  |_|  |______|_|  |_|_____/

 ** CSS for all items **
*/

/*
  TEMPLATE for Item : MOS Optional
  the below css should make the following input elements look the same
  and react properly to the selections in APEX
  - text fields
  - autocompletes
  - dropdown (plugin)
*/
.mos-Item .t-Form-fieldContainer {
    padding-left: 15px;
    padding-right: 15px;
}
.mos-Item .t-Form-labelContainer label,
.mos-Item .t-Form-inputContainer.col {
    align-items: center;
    color: #194867;
    display: flex;
    font-size: 12px;
    font-weight: bold;
    height: 50px;
    letter-spacing: 0.5px;
    line-height: 12px;
    /* padding: 0px 16px 0px 0px; */
}
.mos-Item.mos-Item-required .t-Form-labelContainer .t-Form-required .a-Icon.icon-asterisk::before {
    font-size: 20px;
    color: #c93140;
}
/* allow the form items to be 100% width, not padded on the right at 575 and below */
@media (max-width: 575px) {
    .mos-Item .t-Form-labelContainer label, .mos-Item .t-Form-inputContainer.col {
        padding: 0px;
    }
    .mos-Item.mos-Item-required .t-Form-labelContainer .t-Form-required .a-Icon.icon-asterisk::before {
        font-size: 16px;
    }
}
.mos-Item .t-Form-inputContainer input[type="text"] {
    border: none;
    border-radius: 50px;
    box-shadow: 0 38px 43px 0 rgba(25, 72, 103, 0.15);
    color: #194867;
    cursor: text;
    font-size: 14px;
    font-weight: 500;
    height: 50px;
    outline: none;
    padding: 16px 60px 16px 25px;
}
.mos-Item .t-Form-inputContainer input[type="text"]:focus {
    outline: 1px #4a4a4a dotted;
}
.mos-Item .t-Form-inputContainer input[type="text"]::placeholder {
    /* Chrome, FF */
    color: #194867 !important;
    opacity: 1 !important;
}
.mos-Item .t-Form-inputContainer input[type="text"]:-ms-input-placeholder {
    /* IE 10/11 */
    color: #194867 !important;
}
.mos-Item .t-Form-inputContainer input[type="text"]::-ms-input-placeholder {
    /* Edge */
    color: #194867 !important;
}
/* Text Field with autocomplete */
.autocomplete.active {
    border-radius: 30px 50px 50px 0px !important;
}
.ac_results {
    border: none;
}
.ac_results ul {
    border: 0;
    font-size: 20px;
    margin-top: -1px;
    max-height: 248px !important;
    padding: 0;
}
.ac_results ul li {
    background: none;
    border-top: #eaedf9 2px solid;
    clear: both;
    color: #12334a;
    cursor: pointer;
    display: block;
    font-family: 'Work Sans', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    min-height: 40px;
    padding: 15px 15px 15px 24px !important;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
}
.ac_results ul li:focus,
.ac_results ul li:hover,
.ac_results ul li.ac_over {
    background: #12334a;
    color: #fff;
}
/* MOS Dropdown Plugin */
/* the following .wrap-dd-select selectors make the plugin work no matter the template */
.wrap-dd-select.active {
    border-radius: 30px 50px 50px 0px !important;
}
.wrap-dd-select:focus {
    outline: 1px #4a4a4a dotted;
}
.wrap-dd-select > div > button {
    background: none;
    border: 1px solid transparent;
    font-size: 16px;
    font-weight: bold;
}
.wrap-dd-select.active .dropdown {
    visibility: visible;
}
.wrap-dd-select .dropdown {
    background: #fff;
    color: #13354d;
    height: auto;
    list-style: none;
    margin: 0px;
    position: absolute;
    visibility: hidden;
    z-index: 5000;
}

/*
  TEMPLATE OPTIONS for Item : MOS Optional
*/

/* Remove Box Shadow */
.mos-Item.no-box-shadow .t-Form-inputContainer input[type="text"],
.mos-Item.no-box-shadow .t-Form-inputContainer .wrap-dd-select {
    box-shadow: none;
}
/* Label Alignment */
.mos-Item.justify-end .t-Form-labelContainer label {
    justify-content: flex-end;
}
/* Label Size */
.mos-Item.large-label .t-Form-labelContainer label {
    font-size: 20px;
    line-height: 24px;
}
.mos-Item.xlarge-label .t-Form-labelContainer label {
    font-size: 32px;
    line-height: 32px;
}
@media (max-width: 575px) {
    .mos-Item.large-label .t-Form-labelContainer label {
        font-size: 18px;
        line-height: 22px;
    }
}
/* Input Size */
.mos-Item.mos-Item-large .t-Form-inputContainer input[type="text"] {
    font-size: 20px;
    font-weight: normal;
    height: 80px;
    padding: 32px 40px;
}
.mos-Item.mos-Item-large .t-Form-inputContainer .wrap-dd-select {
    height: 80px;
}
.mos-Item.mos-Item-large .t-Form-inputContainer .wrap-dd-select > div > button {
    font-size: 20px;
    height: 80px;
    padding: 32px 40px;
}
.mos-Item .t-Form-inputContainer .wrap-dd-select > div > button:focus {
     border: 1px solid #194867;
 }
.mos-Item.mos-Item-large .t-Form-labelContainer label {
    height: 80px;
}
/* Input Background Color */
.mos-Item.bg-light-blue .t-Form-inputContainer input[type="text"],
.mos-Item.bg-light-blue .t-Form-inputContainer .wrap-dd-select {
    background-color: #EFF4F7 !important;
}
.mos-Item.bg-white .t-Form-inputContainer input[type="text"],
.mos-Item.bg-white .t-Form-inputContainer .wrap-dd-select {
    background-color: #FFFFFF !important;
}
/* Input Background Image */
.mos-Item.bg-blue-tab .t-Form-inputContainer input[type="text"],
.mos-Item.bg-blue-tab .t-Form-inputContainer .wrap-dd-select {
    background-image: url('/mi_images/blue-tab.png');
    background-repeat: no-repeat;
    background-position: calc(100% + 22px);
}
/* Input Size | Input Background Image combination */
.mos-Item.mos-Item-large.bg-blue-tab .t-Form-inputContainer input[type="text"],
.mos-Item.mos-Item-large.bg-blue-tab .t-Form-inputContainer .wrap-dd-select {
    background-position: 100%;
}
.mos-Item.bg-gray-tab .t-Form-inputContainer input[type="text"],
.mos-Item.bg-gray-tab .t-Form-inputContainer .wrap-dd-select {
    background-image: url('https://installations.militaryonesource.mil/mi_images/gray-tab.png'); /*todo change this to pmm url*/
    background-repeat: no-repeat;
    background-position: calc(100% + 45px);
}
/* Input Size | Input Background Image combination */
.mos-Item.mos-Item-large.bg-gray-tab .t-Form-inputContainer input[type="text"],
.mos-Item.mos-Item-large.bg-gray-tab .t-Form-inputContainer .wrap-dd-select {
    background-position: calc(100% + 24px);
}
/* Icon CSS Classes - chosen directly from in the item / plugin */
.mos-Item .t-Form-inputContainer .apex-item-icon {
    color: #194867;
    font-size: 18px;
    position: absolute;
    right: 16px;
    top: 14px;
    width: 32px;
    background-color: white;
}
.mos-Item.mos-Item-large .t-Form-inputContainer .apex-item-icon {
    font-size: 28px;
    right: 32px;
    top: 24px;
}
.mos-Item.mos-Item-large .t-Form-inputContainer .apex-item-icon.fa-angle-down {
    font-size: 36px;
    font-weight: bold;
    top: 22px;
}
/* add a background-color to the apex-item-icon classes to make the text disappear behind them */
.mos-Item.bg-light-blue .t-Form-inputContainer .apex-item-icon {
    background-color: #EFF4F7;
}
.mos-Item.bg-blue-tab .t-Form-inputContainer .apex-item-icon {
    background-color: #EFF4F7;
}
.mos-Item.bg-gray-tab .t-Form-inputContainer .apex-item-icon {
    background-color: #E1E8F0;
}

/* ERROR_TEMPLATE */
.mos-Item .a-Form-error.u-visible {
    width: 100%;
}
.mos-Item .a-Form-error.u-visible .t-Form-error {
    font-size: 14px;
    line-height: 16px;
    padding: 8px 0px 0px 25px;
}
.mos-Item.mos-Item-large .a-Form-error.u-visible .t-Form-error {
    font-size: 16px;
    padding: 8px 0px 0px 40px;
}
/* inline button (post-text) */
.mos-Item .inline-search-button,
.mos-Item .mos-Item-button {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
    padding: 25px 30px;
    border-radius: 0px 50px 50px 0px;
}
.mos-Item.mos-Item-large .inline-search-button,
.mos-Item.mos-Item-large .mos-Item-button {
    padding: 40px 42px;
}
/* the following .mos-Item selectors style the plugin to MOS theme */
.mos-Item.t-Form-fieldContainer.t-Form-fieldContainer--stretchInputs .t-Form-inputContainer .wrap-dd-select {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}
.mos-Item .t-Form-inputContainer .wrap-dd-select {
    border: none;
    border-radius: 50px;
    box-shadow: 0 38px 43px 0 rgba(25, 72, 103, 0.15);
    color: #194867;
    cursor: default;
    font-size: 14px;
    font-weight: 500;
    height: 50px;
    outline: none;
}
.mos-Item .t-Form-inputContainer .wrap-dd-select > div > button {
    border-radius: 50px;
    color: #194867;
    padding: 16px 25px;
    text-align: left;
    width: 100%;
}
.mos-Item .t-Form-inputContainer .wrap-dd-select .dropdown {
    width: calc(100% - 61px);
}
.mos-Item.mos-Item-large .t-Form-inputContainer .wrap-dd-select .dropdown {
    width: calc(100% - 83px);
}
.mos-Item .wrap-dd-select .dropdown-item {
    border-top: #eaedf9 2px solid;
    color: #12334a;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    padding: 15px 15px 15px 24px;
    width: 100%;
}
.mos-Item.mos-Item-large .wrap-dd-select .dropdown-item {
    font-size: 20px;
}
.mos-Item .wrap-dd-select .dropdown-item:focus,
.mos-Item .wrap-dd-select .dropdown-item:hover {
    background: #12334a;
    color: #fff;
}
/* wrap-dd-select responsiveness */
@media ( max-width: 575px ) {
  .mos-Item .t-Form-inputContainer input[type="text"],
  .wrap-dd-select > div > button,
  .wrap-dd-select ul.dropdown li.dropdown-item {
        font-size: 14px;
  }
}

/* content within the pages */
h1.page-title {
    color: #194867;
    font-size: 60px;
    line-height: 1;
    letter-spacing: 2px;
    font-weight: bold;
}
@media (max-width: 575px) {
    h1.page-title {
        font-size: 38px;
        line-height: 42px;
    }
}
.page-title-rectangle {
    width: 70px;
    height: 7px;
    background-color: #B82132;
    margin-bottom: 32px;
}
@media (max-width: 575px) {
    .page-title-rectangle {
        margin-bottom: 20px;
    }
}
/* section text within mos-regions */
.mos-Region .section-text p {
    color: #4a4a4a;
    font-size: 16px;
    line-height: 24px;
}
.section-text.intro-text p {
    font-family: 'Arvo',serif;
    /* padding-top: 32px; */
    /* width: 75%; */
}
.section-text.coming-soon * {
    color: #194867;
}
@media (max-width: 768px) {
    .section-text.intro-text p {
        width: 100%;
    }
}
@media (max-width: 575px) {
    .mos-Region .section-text p {
        font-size: 14px;
        line-height: 21px;
    }
    .section-text.intro-text p {
        padding-top: 16px;
    }
}

/*
  TEMPLATE for Report : MOS Accordion
*/
/* the following css makes the accordions function */
.accordions .accordion .accordion-body {
    overflow: hidden;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    -ms-transition: all .35s ease;
	transition: all .35s ease-in-out;
}
/* the following css styles the accordions for MOS theme */
.mos-Region .accordions .accordion .accordion-control {
    align-items: center;
    border: none;
    background-color: transparent;
    color: #194867;
    display: flex;
    line-height: 24px;
    padding: 25px 0px;
    text-align: left;
    width: 100%;
}
.mos-Region .accordions .accordion .accordion-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    margin-right: 30px;
}
.mos-Region .accordions .accordion .accordion-control i {
    font-size: 20px;
    font-weight: bold;
    margin-left: auto;
}
.mos-Region .accordions .accordion .accordion-body .section-text p {
    margin-bottom: 16px;
}
@media (max-width: 767px) {
    .mos-Region .accordions.responsive-text .accordion .accordion-title {
        font-size: 17px;
    }
    .mos-Region .accordions.responsive-text .accordion .accordion-body .section-text p {
        font-size: 14px;
    }
}
/* Option for MOS Accordion or MOS 3-Column Links Accordion : MOS Accordion Body Padding */
.mos-Region .accordions.body-padding-30px .accordion .accordion-body .section-text {
    padding: 30px;
}
.mos-Region .accordions.body-bg-lightblue .accordion .accordion-body {
    background-color: #f0f2fa;
}
.mos-Region .accordions.include-bottom-border .accordion .accordion-control {
    border-bottom: 2px solid #dde4e8 !important;
}
/* everything inside the accordion body */
.mos-Region > .t-Region-bodyWrap > .t-Region-body .accordion-body .section-text,
.mos-Region > .t-Region-bodyWrap > .t-Region-body .accordion-body .section-text * {
    color: #194867;
    font-family: 'Arvo',serif;
}
.mos-Region > .t-Region-bodyWrap > .t-Region-body .accordion-body .section-text,
.mos-Region > .t-Region-bodyWrap > .t-Region-body .accordion-body .section-text p,
.mos-Region > .t-Region-bodyWrap > .t-Region-body .accordion-body .section-text ul,
.mos-Region > .t-Region-bodyWrap > .t-Region-body .accordion-body .section-text li {
    line-height: 24px;
    font-size: 16px;
}

/* faq page faq text */
.faq-text, .faq-text * {
    color: #4a4a4a;
    font-size: 16px;
    line-height: 24px;
}
/* family member maintenance region */
.family-member-maintenance .mos-Item {
    margin-bottom: 20px;
}
/* button containers for efmp and me navigation */
.mos-button.t-Button--icon .t-Icon {
    font-size: 28px;
    position: relative;
    top: -1px;
}
@media (max-width: 575px) {
    .mos-button.t-Button--icon .t-Icon {
        font-size: 20px;
        position: relative;
        top: -2px;
    }
}

/* page items */
.mos-Item .t-Form-inputContainer.col {
    height: auto;
    min-height: 50px;
    padding-bottom: 20px;
}
.mos-Item .t-Form-inputContainer input[type="text"] {
    /* border: 1px solid #194867; */
    font-size: 16px;
    font-weight: bold;
}
.mos-Item .t-Form-inputContainer input[type="text"]:focus {
    border: 1px solid #194867;
}
.mos-Item .t-Form-inputContainer .always-upper {
    text-transform: uppercase;
}
.mos-Item .a-Form-error.u-visible .t-Form-error {
    font-size: 14px;
    line-height: 16px;
    padding: 0px;
}
/* mos-item dd-select */

.wrap-dd-select .dropdown {
    background: #fff;
    border-bottom: 1px inset #194867;
    border-left: 1px inset #194867;
    border-right: 1px inset #194867;
    height: auto;
    list-style: none;
    margin: 0px;
    position: absolute;
    visibility: hidden;
    z-index: 5000;
}
.mos-Item .wrap-dd-select .mos-dropdown-button {
    height: 50px;
}
.mos-Item .wrap-dd-select .mos-dropdown-button .mos-dropdown-pseudo-value {
    height: 16px;
}
.mos-Item .wrap-dd-select.active .mos-dropdown-button {
    border-radius: 25px 25px 25px 0px;
}
.mos-Item .wrap-dd-select .dropdown-item:first-child {
    border-top: none;
}
.mos-Item .wrap-dd-select .dropdown-item:not(:first-child) {
    border-top: #194867 1px solid;
}
.mos-Item .wrap-dd-select .dropdown-item {
    color: #194867;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.5;
    padding: 6px 15px 6px 24px;
    text-align: left;
    width: 100%;
}





/* mos-radio-item | specific to pmm */
.t-Form-fieldContainer--stretchInputs .mos-radio-item {
    width: 100%;
}
.mos-radio-item .selection:not([class*="col-"]),
.mos-radio-item .inactive-selection:not([class*="col-"]) {
    margin-right : 15px;
}
.mos-radio-item .selection,
.mos-radio-item .inactive-selection {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #194867;
    cursor: pointer;
    left: 1px;
    margin-top: 0px;
    padding: 10px 0px;
    display : flex;
}
.mos-radio-item .inactive-selection {
    color: #4a4a4a;
    cursor: default;
    font-weight: normal;
}
.mos-radio-item .selection .mos-radio-option,
.mos-radio-item .inactive-selection .mos-radio-option {
    height: 24px;
    width: 24px;
}
.mos-radio-item .selection .mos-radio-option .radio-outer-circle,
.mos-radio-item .inactive-selection .mos-radio-option .radio-outer-circle {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 24px;
    height: 24px;
    border-color: #657581;
    border-style: solid;
    border-radius: 50%;
    border-width: 1px;
    background-color: #fff;
    box-sizing: border-box;
    transition: border-color ease 280ms;
}
.mos-radio-item .inactive-selection .mos-radio-option .radio-outer-circle {
    background-color: #657581;
}
.mos-radio-item .selection.checked .mos-radio-option .radio-outer-circle {
    border-color: #B82132;
}
.mos-radio-item .selection .mos-radio-option .radio-inner-circle {
    position: absolute;
    left: -4px;
    top: -4px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    box-sizing: border-box;
    transition: transform ease 280ms,background-color ease 280ms;
    transform: scale(.001);
}
.mos-radio-item .selection.checked .mos-radio-option .radio-inner-circle {
    background-color:  #B82132;
    transform: scale(.5);
}
.mos-radio-item .mos-radio-item-label {
    line-height: 24px;
    margin-left: 18px;
    font-size: 18px !important;
}
.mos-radio-item .mos-radio-item-option-help-text {
    display: block;
    font-size: 14px;
    font-weight: normal;
}
.mos-radio-item .selection-text > span:first-child {
    margin-right: 50px;
}
@media (max-width: 575px) {
    .mos-radio-item .mos-radio-item-label {
        font-size: 14px !important;
        line-height: 20px;
    }
    .mos-radio-item .inactive-selection .mos-radio-option .radio-outer-circle,
    .mos-radio-item .selection .mos-radio-option .radio-outer-circle {
        height: 20px;
        width: 20px;
    }
    .mos-radio-item .selection .mos-radio-option .radio-inner-circle {
        height: 28px;
        width: 28px;
    }
}



/* pmm checklist accordion */
.mos-Region .checklists {
    /* padding-right: 16px; */
}
.mos-Region .checklists .checklist {
    background: #ffffff;
    margin-bottom: 16px;
    padding: 4px
}
.mos-Region .checklists > .checklist > .accordion-control {
    align-items: center;
    border: none;
    background-color: transparent;
    color: #194867;
    display: flex;
    line-height: 24px;
    padding: 16px;
    text-align: left;
    width: 100%;
}
.mos-Region .checklists > .checklist > .accordion-control i {
    margin-left: auto;
    font-size: 16px;
}
.mos-Region .checklists .checklist .accordion-body {
    overflow: hidden;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    -ms-transition: all .35s ease;
	transition: all .35s ease-in-out;
}
/* only the checklist accordions, not tooltips */
.mos-Region .checklists > .checklist > .accordion-body a {
    color: #B82132 !important;
    /* text-decoration: underline; */
}
/* allow the wrap-dd-select plugin to display overtop of the checklist region end */
.mos-Region .checklists > .checklist .accordion-body.collapse.in {
    overflow: visible!important;
}
.mos-Region .checklists .checklist-control .checklist-name {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    width: 50%;
}
.mos-Region .checklists .checklist-control .checklist-progress-display {
    background-color: #f0f2fa;
    border-radius: 100px;
    font-size: 14px;
    padding: 5px;
    text-align: center;
    width: 8.3333333333%;
    max-width: 67px;
}
.mos-Region .checklists .checklist-control .checklist-expand {
    width: 8.3333333333%;
}
.mos-Region .checklists .checklist-control .checklist-progress-bar {
    padding-left: 15px;
    width: 33.3333333333%;
}
/* progress bar - bootstrap */
.mos-Region .checklists .checklist-control .checklist-progress-bar .progress {
  height: 8px;
  overflow: hidden;
  background-color: #e8ebf7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8ebf7), to(#e8ebf7));
  background-image: -webkit-linear-gradient(top, #e8ebf7, #e8ebf7);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #e8ebf7, #e8ebf7);
  background-repeat: repeat-x;
  -webkit-border-radius: 100px;
  -moz-border-radius: 4px;
  border-radius: 100px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.mos-Region .checklists .checklist-control .checklist-progress-bar .progress .bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
.mos-Region .checklists .checklist-control .checklist-progress-bar .progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}
.mos-Region .checklists .checklist-control .checklist-progress-bar .progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
     -moz-animation: progress-bar-stripes 2s linear infinite;
      -ms-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.mos-Region .checklists .checklist-control .checklist-progress-bar .progress-success .bar,
.mos-Region .checklists .checklist-control .checklist-progress-bar .progress .bar-success {
  background-color: #7bbe32;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7bbe32), to(#7bbe32));
  background-image: -webkit-linear-gradient(top, #7bbe32, #7bbe32);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #7bbe32, #7bbe32);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
/* responsiveness of checklist accordion buttons */
@media (max-width: 640px) {
    .mos-Region .checklists .checklist-control .checklist-name {
        width: 75%;
    }
    .mos-Region .checklists .checklist-control .checklist-progress-display {
        width: 15%;
        min-width: 67px;
    }
    .mos-Region .checklists .checklist-control .checklist-progress-bar {
        display: none;
    }
    .mos-Region .checklists .checklist-control .checklist-expand {
        width: 10%;
    }
}
@media (max-width: 575px) {
    .mos-Region .checklists .checklist-control .checklist-name {
        font-size: 18px;
        line-height: 22px;
    }
}
.mos-Region .checklists .checklist-tasks {
    border-top: solid 2px #dfe9f0;
    padding: 0px 16px 16px;
}
@media (max-width: 640px) {
    .mos-Region .checklists .checklist-tasks {
        padding: 4px;
    }
}
#checklist-timeline-view .timeline-help {
    background: #E9ECF0;
    border: 1px solid #B2BCC3;
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 16px;
    color: #194867;
}
#checklist-timeline-view .timeline-help .desktop-handle span:first-child {
    margin-right: 3px;
}
#checklist-timeline-view .timeline-help .mobile-handle {
    display: none;
}
@media (max-width: 767px) {
    #checklist-timeline-view .timeline-help .desktop-handle {
        display: none;
    }
    #checklist-timeline-view .timeline-help .mobile-handle {
        display: inline-block;
    }
}
#checklist-timeline-view.mos-Region .checklists .checklist-tasks {
    border-top: none;
}
.mos-Region .checklists .checklist-task {
    border-bottom: 2px solid #dfe9f0;
    padding: 25px 0px;
}
.mos-Region .checklists .checklist-task.edit .selection,
.mos-Region .checklists .checklist-task.edit .checklist-task-name,
.mos-Region .checklists .checklist-task.edit .checklist-task-controls,
.mos-Region .checklists .checklist-task.edit .checklist-task-tooltip {
    display: none;
}
.mos-Region .checklists .checklist-task .selection {
    font-size: 16px;
    font-weight: 500;
    left: 1px;
    line-height: 24px;
    width: 88px;
}
.mos-Region .checklists .checklist-task .selection .checklist-task-drag {
    margin-right: 16px;
}
.mos-Region .checklists .checklist-task .selection .checklist-task-drag span:first-child {
    margin-right: 3px;
}
.mos-Region .checklists .checklist-task .selection .checklist-task-drag {
    display: none;
}
@media (min-width: 768px) {
    .mos-Region .checklists .checklist-task .selection .checklist-task-drag {
        display: inline-block;
    }
}
@media (max-width: 767px) {
    .mos-Region .checklists .checklist-task .selection {
        width: 48px;
    }
}
@media (max-width: 565px) {
    .mos-Region .checklists .checklist-task .selection {
        width: 48px;
    }
}
.mos-Region .checklists .checklist-task .selection .checklist-task-option {
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.mos-Region .checklists .checklist-task .selection .checklist-task-option .checkbox-frame {
    border-color: #657581;
    border-style: solid;
    border-width: 1px;
    width: 24px;
    height: 24px;
}
@media (max-width: 575px) {
    .mos-Region .checklists .checklist-task .selection .checklist-task-option {
        height: 20px;
        width: 20px;
    }
    .mos-Region .checklists .checklist-task .selection .checklist-task-option .checkbox-frame,
    .mos-Region .checklists .checklist-task .selection .checklist-task-option .checkbox-background .checkbox-checkmark {
        height: 20px;
        width: 20px;
    }
}
.mos-Region .checklists .checklist-task .selection .checklist-task-option .checkbox-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    box-sizing: border-box;
    pointer-events: none;
    transition: background-color 90ms cubic-bezier(0,0,.2,.1),opacity 90ms cubic-bezier(0,0,.2,.1);
}
.mos-Region .checklists .checklist-task .selection .checklist-task-option .checkbox-background {
    position: relative;
    top: -24px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 24px;
    display: block;
}
@media (max-width: 575px) {
    .mos-Region .checklists .checklist-task .selection .checklist-task-option .checkbox-background {
        top: -20px;
    }
}
.mos-Region .checklists .checklist-task .selection .checklist-task-option .checkbox-background {
    opacity: 1;
}
.mos-Region .checklists .checklist-task .selection .checklist-task-option .checkbox-background .checkbox-checkmark {
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    stroke: none;
}
.mos-Region .checklists .checklist-task .selection .checklist-task-option .checkbox-background .checkbox-checkmark {
    stroke: #7bbe32;
    width: 24px;
}
@media (max-width: 575px) {
    .mos-Region .checklists .checklist-task .selection .checklist-task-option .checkbox-background .checkbox-checkmark {
        width: 20px;
    }
}
.mos-Region .checklists .checklist-task .selection .checklist-task-option .checkbox-background .checkbox-checkmark .checkbox-checkmark-path {
    stroke-width: 2.13333px;
}
.mos-Region .checklists .checklist-task .checklist-task-name {
    font-family: 'Arvo', serif;
    font-size: 16px;
    width: calc(85% - 88px);
}
@media (max-width: 767px) {
    .mos-Region .checklists .checklist-task .checklist-task-name {
        width: calc(100% - 48px);
    }
}
@media (max-width: 565px) {
    .mos-Region .checklists .checklist-task .checklist-task-name {
        width: calc(100% - 48px);
    }
}
.mos-Region .checklists .checklist-task .checklist-task-name p {
    display: inline;
}
.mos-Region .checklists .checklist-task .checklist-task-name .checklist-task-tags {
    padding: 4px 0px;
}
.mos-Region .checklists .checklist-task .checklist-task-controls {
    text-align: right;
    width: 15%;
}
@media (max-width: 767px) {
    .mos-Region .checklists .checklist-task .checklist-task-controls {
        float: right;
        margin-top: 16px;
        width: 50%;
    }
}
.mos-Region .checklists .checklist-task .checklist-task-control {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #194867;
    font-size: 20px;
    padding: 0px;
    width: 24px;
}
.mos-Region .checklists .checklist-task .checklist-task-control.checklist-task-activate {
    display: none;
}
.mos-Region .checklists .checklist-task .checklist-task-controls .checklist-task-drag {
    display: none;
}
@media (max-width: 767px) {
    .mos-Region .checklists .checklist-task .checklist-task-controls .checklist-task-drag {
        display: inline;
    }
}
.mos-Region .checklists .checklist-task .checklist-task-controls .checklist-task-control:not(:first-child) {
    margin-left: 16px;
}
.mos-Region .checklists .checklist-task .checklist-task-control:focus,
.mos-Region .checklists .checklist-task .checklist-task-control:hover {
    color: #657581;
}
.mos-Region .checklists .checklist-task .checklist-task-delete:focus,
.mos-Region .checklists .checklist-task .checklist-task-delete:hover {
    color: #B82132;
}
.mos-Region .checklists .checklist-task .checklist-task-tooltip {
    margin-top: 16px;
    padding-left: 88px;
    width: 100%;
}
@media (max-width: 767px) {
    .mos-Region .checklists .checklist-task .checklist-task-tooltip {
        margin-top: 0px;
        padding-left: 48px;
    }
}
@media (max-width: 565px) {
    .mos-Region .checklists .checklist-task .checklist-task-tooltip {
        padding-left: 48px;
    }
}
.mos-Region .checklists .checklist-task .checklist-task-tooltip .tooltip-control {
    padding: 0px;
}

/* when the task is checked */
.mos-Region .checklists .checklist-task .selection .checkbox-checkmark {
    display: none;
}
.mos-Region .checklists .checklist-task .selection.checked .checkbox-checkmark {
    display: block;
}
.mos-Region .checklists .checklist-task.checked .checklist-task-name,
.mos-Region .checklists .checklist-task.checked .checklist-task-name > p {
    font-style: italic;
    font-size: 15px;
    text-decoration: line-through;
}
.mos-Region .checklists .checklist-task.checked .checklist-task-edit {
    display: none;
}

/* when the task is inactive */
.mos-Region .checklists .checklist-task.inactive .selection .checklist-task-option {
    display: none;
}
.mos-Region .checklists .checklist-task.inactive .checklist-task-control.checklist-task-activate {
    display: inline-block;
}
/* .mos-Region .checklists .checklist-task .selection .checklist-task-number, */
.mos-Region .checklists .checklist-task.inactive .checklist-task-name,
.mos-Region .checklists .checklist-task.inactive .checklist-task-name p {
    font-style: italic;
    font-size: 15px;
    text-decoration: line-through;
}
.mos-Region .checklists .checklist-task.inactive .checklist-task-controls,
.mos-Region .checklists .checklist-task.inactive .checklist-task-tooltip,
.mos-Region .checklists .checklist-task.inactive .checklist-task-edit {
    display: none;
}

/* tooltip accordoins */
.mos-Region .checklists .checklist-task .checklist-task-tooltip.visible {
    padding-top: 16px;
    padding-left: 35px;
}
.mos-Region .checklists .checklist-task .checklist-task-tooltip.no-tooltip {
    display: none;
}
.mos-Region .checklists .checklist-task > .checklist-task-tooltip .accordion-control {
    background-color: transparent;
    border: none;
    color: #194867;
    font-weight: bold;
}
@media (max-width: 767px) {
    .mos-Region .checklists .checklist-task > .checklist-task-tooltip .accordion-control {
        position: absolute;
        top: -20px;
    }
}
.mos-Region .checklists .checklist-task > .checklist-task-tooltip .accordion-control i {
    margin-left: 8px;
    top: 2px;
    position: relative;
}
.mos-Region .checklists .checklist-task > .checklist-task-tooltip .accordion-body {
    border-left: 2px solid #B82132;
}
.mos-Region .checklists .checklist-task > .checklist-task-tooltip .accordion-body ul,
.mos-Region .checklists .checklist-task > .checklist-task-tooltip .accordion-body li {
    font-size: 16px;
    line-height: 24px;
}
.mos-Region .checklists .checklist-task > .checklist-task-tooltip .accordion-body .tooltip-container {
    /* margin-top: 16px; */
    padding: 16px;
}
@media (max-width: 575px) {
    .mos-Region .checklists .checklist-task > .checklist-task-tooltip .accordion-body ul,
    .mos-Region .checklists .checklist-task > .checklist-task-tooltip .accordion-body li {
        font-size: 14px;
        line-height: 21px;
    }
}

/* checklist task timeline view - sortable */
.mos-Region .checklists .checklist-task .ui-sortable-handle {
    cursor: move!important;
}
.mos-Region .checklists .checklist-task.ui-sortable-helper {
    background: white;
    border-left: 6px solid rgba(90, 163, 210, 1);
    border-bottom: none;
    box-shadow: rgba(25, 72, 103, 0.35) 0 0px 43px 0;
    cursor: move;
    /* left: 5% !important; */
    left: 5% !important;
    max-width: 90% !important;
    padding: 16px;
}
.mos-Region .checklists .checklist-task.ui-sortable-placeholder {
    background: rgba(90, 163, 210, 1);
    height: 6px !important;
    padding: 0px;
    visibility: visible !important;
}

/* add custom task section */
.mos-Region .checklists .checklist-tasks .checklist-task-add-container {
    padding: 16px 0px 0px 0px;
    text-align: center;
}
.mos-Region .checklists .checklist-tasks .checklist-task-add-container.top {
    border-bottom: 2px solid #dfe9f0;
    padding: 16px 0px;
}

/* my checklist navigation page */
#mymove-content {
    padding-bottom: 40px;
}
@media (max-width: 460px) {
    #my-checklist-bottom-nav .t-Region-buttons-left {
        margin-bottom: 16px;
    }
    #my-checklist-bottom-nav .t-Region-buttons-left,
    #my-checklist-bottom-nav .t-Region-buttons-right {
        text-align: center;
        width: 100%;
    }
    #my-checklist-bottom-nav .t-Region-buttons-left button,
    #my-checklist-bottom-nav .t-Region-buttons-right button {
        width: 240px;
    }
}
/* my move details display */
.mymove-details-display {
    /* font-family: 'Arvo', serif; */
    background: #ffffff;
    color: #194867;
    line-height: 24px;
    font-weight: normal;
    font-size: 22px;
    padding: 25px 0px;
}
#customize-header .mymove-details-display {
    border-bottom: 6px solid #194867;
}
#my-checklist-header .mymove-details-display {
    font-weight: normal;
    padding: 25px 16px;
}
#download-checklist-header .mymove-details-display {
    padding: 0px;
}
.mymove-details-display .moving-from-value,
.mymove-details-display .moving-to-value {
    font-weight: bold;
}

/* questions region */
#questions .t-Region-body > .container > .row {
    padding: 20px 16px;
}
#questions .t-Region-body > .container > .row:nth-child(odd) {
    background: rgba(90, 163, 210, .1);
}
#questions .mos-Item .t-Form-inputContainer.col {
    padding-bottom: 0px;
}
#questions .mos-Item .t-Form-labelContainer label {
    font-size: 16px;
    /* font-weight: normal; */
    line-height: 20px;
}
#questions .answered-yes {
    padding: 0px 0px 0px 24px;
    color: #194867;
    font-family: 'Work Sans', sans-serif;
    font-size: 12px;
}
#question .answered-yes .mymove-tag {
    font-weight: normal;
}

/* text areas / edit / add tasks */
#P3_CUSTOM_TASK_TEXT_CONTAINER .t-Form-inputContainer.col {
    padding: 0px;
}
#P3_CUSTOM_TASK_TEXT_error {
    text-align: left;
}
.mos-Item .t-Form-inputContainer .a-Form-error {
    text-align: left;
}
#P3_EDIT_TASK_TEXT_CONTAINER {
    display: inline;
}
#P3_EDIT_TASK_TEXT_CONTAINER  .t-Form-inputContainer.col {
    padding-bottom: 0px;
}
#P3_EDIT_TASK_TEXT, #P3_CUSTOM_TASK_TEXT {
    border: 1px solid #B2BCC3;
    background: rgba(223, 233, 240, 0.5);
    border-radius: 8px;
    display: inline-block;
    float: left;
    font-family: 'Arvo', serif;
    font-size: 16px;
    line-height: 24px;
    padding: 8px;
    resize: vertical;
}
@media (max-width: 575px) {
    #P3_EDIT_TASK_TEXT, #P3_CUSTOM_TASK_TEXT {
        font-size: 14px;
        line-height: 21px;
    }
}
#P3_EDIT_TASK_TEXT:focus, #P3_EDIT_TASK_TEXT:hover,
#P3_CUSTOM_TASK_TEXT:focus, #P3_CUSTOM_TASK_TEXT:hover {
    border: 1px solid #194867;
    background: rgba(223, 233, 240, 0.5)!important;
}
.mos-Region .checklists .task-textarea {
    /* display: inline-block!important; */
    float: left;
    width: calc(100% - 188px);
}
.mos-Region .checklists #edit-task-region .edit-task-left-col {
    float: left;
    width: 88px;
}
.mos-Region .checklists #edit-task-region .task-textarea {
    width: calc(100% - 188px);
}
.mos-Region .checklists .checklist-task-edit-controls {
    display: inline-block;
    float: right;
    width: 80px;
}
.mos-Region .checklists .checklist-task-edit-controls button {
    display: block;
    font-size: 14px;
    height: 36px;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
}
.mos-Region .checklists .checklist-task-edit-controls .cancel-button {
    background: transparent;
    border: none;
    height: 36px;
    margin-bottom: 16px;
    padding: 0px;
}
.mos-Region .checklists .checklist-task-edit-controls .cancel-button .t-Button-label {
    border-bottom: 2px solid #194867;
}
.mos-Region .checklists .checklist-task-edit-controls .cancel-button:hover .t-Button-label,
.mos-Region .checklists .checklist-task-edit-controls .cancel-button:focus .t-Button-label {
    border-bottom: 2px solid transparent;
}
@media (max-width: 767px) {
    .mos-Region .checklists #edit-task-region .edit-task-left-col {
        width: 48px;
    }
    .mos-Region .checklists #edit-task-region .task-textarea {
        width: calc(100% - 148px);
    }
}
@media (max-width: 640px) {
    .mos-Region .checklists #edit-task-region .edit-task-left-col {
        display: none;
    }
    .mos-Region .checklists #edit-task-region .task-textarea {
        width: 100%;
    }
    .mos-Region .checklists .task-textarea,
    .mos-Region .checklists .checklist-task-edit-controls {
        width: 100%;
    }
    .mos-Region .checklists .checklist-task-edit-controls button {
        display: inline;
        width: 80px;
    }
    .mos-Region .checklists .checklist-task-edit-controls .cancel-button {
        float: left;
    }
    .mos-Region .checklists .checklist-task-edit-controls .save-button {
        float: right;
    }
    .mos-Region .checklists .checklist-task-edit-controls .cancel-button {
        margin: 0px;
    }
}
#add-task-region .t-Form-labelContainer {
    width: 88px;
}
@media (max-width: 640px) {
    #add-task-region .t-Form-inputContainer,
    #edit-task-region .t-Form-inputContainer {
        padding-bottom: 10px;
    }
}

/*  */
#login_to_save {
    margin-bottom: 32px;
}

/* all-moves region template */
#my-moves-region .my-moves-header {
    border-bottom: 2px solid #dfe9f0;
    color: #194867;
    display: none;
    font-weight: bold;
    margin-bottom: 16px;
    padding: 25px 16px 9px;
}
#my-moves-region .my-moves-row {
    box-shadow: 0px 0px 43px rgba(25, 72, 103, 0.15);
    padding: 16px;
    margin-bottom: 16px;
}
#my-moves-region .my-moves-row > span {
    border-bottom: 2px solid #EFF4F7;
    font-weight: bold;
    padding: 6px 0px;
}
#my-moves-region .my-moves-row .column-label {
    display: block;
    font-weight: normal;
}
@media (min-width: 641px) {
    #my-moves-region .my-moves-row .column-label {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
}
#my-moves-region .my-moves-row .my-moves-controls {
    padding-top: 6px;
}
#my-moves-region .my-moves-row .my-moves-controls .my-moves-control-button.view {
    float: right;
    margin-left: 16px;
}
#my-moves-region .my-moves-row .my-moves-control {
    background: transparent;
    border: none;
    color: #194867;
    font-size: 20px;
    line-height: 36px;
    padding: 0px 8px;
    vertical-align: middle;
}
@media (min-width: 641px) and (max-width: 1200px) {
    #my-moves-region .current-installation-header, #my-moves-region .current-installation,
    #my-moves-region .new-installation-header, #my-moves-region .new-installation {
        width: 33.33333333%;
    }
    #my-moves-region .my-moves-controls-header,
    #my-moves-region .my-moves-controls {
        width: 100%;
    }
}
@media (min-width: 641px) {
    #my-moves-region .my-moves-header {
        display: block;
    }
    #my-moves-region .my-moves-row > span {
        border-bottom: none;
        font-weight: normal;
        padding: 0px 6px 0px 0px;
    }
    /* #my-moves-region .my-moves-row .column-label {
        display: none;
    } */
    #my-moves-region .my-moves-row .my-moves-controls {
        text-align: right;
    }
}

/* tags */
.mos-Region .checklists .checklist-task .mymove-tag,
#questions .answered-yes .mymove-tag,
.mymove-details-display .mymove-tag {
    /* background: #eff4f7; */
    /* color: #4a4a4a; */
    /* font-family: 'Arvo', serif; */
    font-family: 'Work Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: .8px;
    /* padding: 4px 8px; */
    /* border: 2px solid #9b9b9b; */
    /* border-left: 6px solid #9b9b9b; */
    /* border-radius: 0px 10px 10px 0px; */
}
.mos-Region .checklists .checklist-task .mymove-tag .fa-tag,
#questions .answered-yes .mymove-tag .fa-tag,
.mymove-details-display .mymove-tag .fa-tag {
    margin-right: 6px;
    font-size: 18px;
    position: relative;
    top: 4px;
    color: #4a4a4a;
}
.mos-Region .checklists .checklist-task .mymove-tag:not(:first-child),
#questions .answered-yes .mymove-tag:not(:first-child),
.mymove-details-display .mymove-tag:not(:first-child) {
    margin-left: 8px;
}

/* Checklist view toggles */
#choose-checklist-view {
    margin-bottom: 16px;
}
#choose-checklist-view .t-Region-body {
    color: #194867;
    font-size: 18px;
}
#choose-checklist-view .change-view-toggle {
    background: none;
    border: none;
    color: #194867 !important;
    font-weight: bold;
    opacity: 1!important;
}
#choose-checklist-view .change-view-toggle.active {
    border-bottom: 2px solid #194867 !important;
    color: #194867;
    font-weight: bold;
}
#choose-checklist-view .change-view-toggle:focus,
#choose-checklist-view .change-view-toggle:hover {
    border-bottom: 2px solid #194867;
}

/* when no data found */
#view-checklists .nodatafound {
    color: #194867;
    font-size: 16px;
    font-weight: bold;
    padding: 16px 0px;
}
@media (max-width: 575px) {

}

/* download page */
#download-options .download-option {
    padding: 16px 0px;
}
#download-options .download-option.border-bottom {
    border-bottom: 2px solid #dfe9f0;
}
#download-options .mos-Item.large-label .t-Form-labelContainer label {
    font-size: 24px;
}
#download-options .mos-radio-item .mos-radio-item-label {
    font-weight: bold;
}
@media (max-width: 640px) {
    #download-options .mos-Item.large-label .t-Form-labelContainer label {
        font-size: 20px;
    }
    #download-options .download-option.stack .selection {
        width: 100%;
    }
    #download-options .download-option.fill .selection {
        width: 33.33333333%;
    }
}
@media (max-width: 575px) {
    #download-options .mos-Item.large-label .t-Form-labelContainer label {
        font-size: 20px;
    }
}


/* 404 page Banner title and text */
.mos-Banner .mos-Title-404 {
    color: #194867;
    font-size: 32px;
    font-weight: bold;
    margin-top: 80px;
    margin-bottom: 60px;
    text-align: center;
}
.mos-Banner .mos-Banner-text-404 {
    color: #4A4A4A;
    line-height: 27px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}
@media (max-width: 991px) {
    .mos-Banner .mos-Title-container {
        font-size: 30px;
        line-height: 36px;
    }
    .mos-Banner .mos-Title-404 {
        font-size: 30px;
        line-height: 30px;
    }
}
@media (max-width: 767px) {
    .mos-Banner .mos-Title-container {
        font-size: 28px;
        line-height: 34px;
        padding-bottom: 16px;
    }
    .mos-Banner .mos-Title-container .mos-Title .search-title {
        font-size: 40px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .mos-Banner .mos-Title-404 {
        font-size: 28px;
        line-height: 28px;
        margin-top: 148px;
        margin-bottom: 36px;
    }
}
@media (max-width: 375px) {
    .mos-Banner .mos-Title-container {
        line-height: 28px;
    }
    .mos-Banner .mos-Title-container .mos-Subtitle {
        padding-bottom: 15%;
    }
}

/* external link dialog pop-up */
body [aria-describedby="mos-ext-link-dialog"].ui-dialog.ui-front {
    font-family: 'Work Sans', sans-serif;
    z-index: 150000;
}
[aria-describedby="mos-ext-link-dialog"] > .ui-dialog-titlebar {
    display : none;
}
.mos-ext-link-container {
    padding-top: 65px;
    text-align: center;
}
.mos-ext-link-dialog .mos-icon-button.mos-dialog-cancel-button {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    border: 0;
    cursor: pointer;
    display: inline;
    font-size: 14px;
    line-height: normal;
    margin: 0;
    position: absolute;
    right: 42px;
    top: 39px;
    vertical-align: baseline;
}
.mos-ext-link-dialog .mos-icon-button.mos-dialog-cancel-button .mos-cancel-line {
    background-color: #194867;
    display: block;
    height: 6px;
    margin: 0 auto;
    width: 32px;
}
.mos-ext-link-dialog .mos-icon-button.mos-dialog-cancel-button .mos-button-text {
    color: #194867;
    display: block;
    font-size: 8px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    padding-top: 12.3px;
    text-align: center;
    text-transform: uppercase;
}
.mos-view-title-style {
    color: #194867;
}
.mos-view-title {
    display: inline-block;
    z-index: 10;
}
.mos-ext-link-dialog .mos-section-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6;
    margin: 30px;
}
.mos-ext-link-dialog .mos-section-text {
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.2px;
    padding: 0px 25px 54px 25px;
}
.mos-ext-link-dialog .mos-dialog-btn-col {
    text-align: center;
}
@media ( max-width: 767px ) {
    body [aria-describedby="mos-ext-link-dialog"].ui-dialog.ui-front .mos-ext-link-dialog {
        height: 100% !important;
    }
    .mos-ext-link-dialog .mos-section-text {
        font-size: 16px;
    }
    .mos-ext-link-dialog .mos-section-title {
        font-size: 20px;
    }
}

/* confirm delete dialog pop-ups */

body [aria-describedby*="mos-dialog"].ui-dialog.ui-front {
    font-family: 'Work Sans', sans-serif;
    z-index: 150000;
}
body [aria-describedby*="mos-dialog"] > .ui-dialog-titlebar {
    display : none;
}
.mos-dialog .mos-dialog-container {
    padding-top: 16px;
    text-align: center;
}
.mos-dialog .mos-icon-button {
    background-color: transparent;
    border: 0;
}
.mos-dialog .mos-icon-button.mos-dialog-cancel-button {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    border: 0;
    cursor: pointer;
    display: inline;
    font-size: 14px;
    line-height: normal;
    margin: 0;
    position: absolute;
    right: 42px;
    top: 39px;
    vertical-align: baseline;
}
.mos-dialog .mos-icon-button.mos-dialog-cancel-button .mos-cancel-line {
    background-color: #194867;
    display: block;
    height: 6px;
    margin: 0 auto;
    width: 32px;
}
.mos-dialog .mos-icon-button.mos-dialog-cancel-button .mos-button-text {
    color: #194867;
    display: block;
    font-size: 8px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    padding-top: 12.3px;
    text-align: center;
    text-transform: uppercase;
}
.mos-dialog .mos-view-title-style {
    color: #194867;
}
.mos-dialog .mos-view-title {
    display: inline-block;
    z-index: 10;
}
.mos-dialog .mos-section-title {
    font-size: 28px;
    font-weight: bold;
    line-height: 32px;
    margin: 30px;
}
.mos-dialog .mos-section-text {
    font-size: 16px;
    line-height: 24px;
    padding: 0px 32px 48px 32px;
}
.mos-dialog .mos-dialog-btn-col {
    text-align: center;
}
.mos-dialog .mos-dialog-btn-col button.mos-button.t-Button {
    width: 80%;
}
@media (max-width: 640px) {
    body [aria-describedby*="mos-dialog"].ui-dialog.ui-front .mos-dialog {
        height: 100% !important;
    }
    .mos-dialog .mos-dialog-btn-col {
        display: inline-block;
        width: 50%;
    }
    .mos-dialog .mos-dialog-btn-col button.mos-button.t-Button {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (max-width: 575px) {
    ..mos-dialog .mos-dialog-btn-col button.mos-button.t-Button .t-Button-label {
        font-size: 14px;
    }
    ..mos-dialog .mos-section-text {
        font-size: 16px;
    }
    ..mos-dialog .mos-section-title {
        font-size: 20px;
    }
}

/* 404 page Banner */
.mos-Banner .mos-Banner-image-404 {
    background-image: linear-gradient( to bottom, rgba(25, 72, 103, 0), rgba(25, 72, 103, 0.05) ), radial-gradient( circle at 74% 48%, rgba(255, 255, 255, 0), rgba(250, 250, 253, 0.05) 29%, rgba(225, 229, 245, 0.5) ), url(/efmp-me_images/error-page.png);
    padding: 90px 16.6666666667% 80px;
}
@media (max-width: 767px) {
    .mos-Banner .mos-Banner-image-404 {
        padding: 45px 15px 48px;
        background-position: 80%;
        background-size: cover;
    }
}

/* MOS Stylesheet */

/* MOS Header Font Size */
.mos-Region.mos-Region-small-header > .t-Region-header > .t-Region-headerItems > .t-Region-title {
    font-size: 12px;
    line-height: 18px;
}
.mos-Region.mos-Region-xlarge-header > .t-Region-header > .t-Region-headerItems > .t-Region-title {
    font-size: 28px;
    line-height: 33px;
}

/* MOS Header Red Bar - Small */
.mos-Region.mos-title-bar > .t-Region-header > .t-Region-headerItems--title:before {
    content: '';
    background: #B82132;
    display: inline-block;
    float: left;
    height: 6px;
    margin-right: 20px;
    margin-top: 5px;
    width: 30px;
}
/* Header Red Bar - Large */
.mos-Region.mos-title-bar-large > .t-Region-header > .t-Region-headerItems--title:before {
    content: '';
    background: #B82132;
    display: inline-block;
    float: left;
    height: 8px;
    margin-right: 15px;
    margin-top: 8px;
    width: 64px;
}
@media (max-width: 767px) {
    .mos-Region.mos-title-bar-large > .t-Region-header > .t-Region-headerItems--title:before {
        width: 48px;
    }
}


/*
  MOS Selection Item
*/
.t-Form-fieldContainer--stretchInputs .mos-selection {
    width: 100%;
}
.mos-selection .selection:not([class*="col-"]) {
    margin-right : 15px;
}
.mos-selection .selection {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #194867;
    cursor: pointer;
    left: 1px;
    margin-top: 20px;
    display : flex;
}
.mos-selection .checked .checkbox {
    background-color: #B82132;
}
.mos-selection .checkbox {
    background-color: white;
    border: solid 2px white;
    display: inline-block;
    height: 18px;
    margin-top: 5px;
    min-width: 18px;
    outline: 1px solid #b2bcc3;
    padding: 2px;
    width: 18px !important;
}
.mos-selection .checkbox:focus {
    outline: 2px solid #1f365e;
    outline-offset: 2px;
}
.mos-selection .mos-selection-label {
    margin-left: 10px;
    top: 3px;
    font-size: 18px !important;
}
.mos-selection .selection-text > span:first-child {
    margin-right: 50px;
}
.mos-selection .checked .checkbox {
    background-color: rgb(212, 62, 81);
}

/*
  TEMPLATE for Report : MOS 3-Column Links
*/

.mos-Region .panel-container .panel-group ul {
    margin: 0px;
    padding-right: 15px;
}
.mos-Region .panel-container .panel-group li.panel-item {
    list-style-type: none;
}
.mos-Region .panel-container .panel-group li.panel-item .panel-heading {
    min-width: 20%;
}
.mos-Region .panel-container .panel-group li.panel-item .panel-heading .panel-title {
    font-size: 18px;
    font-weight: 600;
}
.mos-Region .panel-container .panel-group li.panel-item .panel-heading .panel-title span {
    line-height: 1.5;
}
/* Option for MOS 3-Column Links or MOS 3-Column Links Accordion : MOS Panel Padding Bottom */
.mos-Region .panel-container.panel-padding-bottom-20px .panel-group li.panel-item {
    padding-bottom: 20px;
}
.mos-Region .panel-container.panel-padding-bottom-40px .panel-group li.panel-item {
    padding-bottom: 40px;
}
/*
  TEMPLATE for Report : MOS 3-Column Links Accordion
*/
.mos-Region .accordion-control.panel-title .accordion-open-indicator {
    background: red;
    background-color: #B82132;
    content: '';
    display: inline-block;
    height: 6px;
    margin-right: 16px;
    width: 40px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    -ms-transition: all .35s ease;
	transition: all .35s ease-in-out;
}
.mos-Region .accordion-control.panel-title.collapsed .accordion-open-indicator {
    margin-right: 0px;
    width: 0px;
}
.mos-Region .accordion-body .installation {
    padding-bottom: 24px;
}
/* Option for MOS Accordion or MOS 3-Column Links Accordion : MOS Accordion Body Padding */
.mos-Region .accordions.body-padding-30px .accordion .accordion-body .section-text {
    padding: 30px;
}
.mos-Region .accordions.body-bg-lightblue .accordion .accordion-body {
    background-color: #f0f2fa;
}
.mos-Region .accordions.include-bottom-border .accordion .accordion-control {
    border-bottom: 2px solid #dde4e8 !important;
}


/* mos-checkbox-item | specific to pmm */
.t-Form-fieldContainer--stretchInputs .mos-checkbox-item {
    width: 100%;
}
.mos-checkbox-item .selection:not([class*="col-"]),
.mos-checkbox-item .inactive-selection:not([class*="col-"]) {
    margin-right : 15px;
}
.mos-checkbox-item .selection,
.mos-checkbox-item .inactive-selection {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #194867;
    cursor: pointer;
    left: 1px;
    margin-top: 0px;
    padding: 10px 0px;
    display : flex;
}
.mos-checkbox-item .inactive-selection {
    color: #4a4a4a;
    cursor: default;
    font-weight: normal;
}
.mos-checkbox-item .selection .mos-checkbox-option,
.mos-checkbox-item .inactive-selection .mos-checkbox-option {
    width: 24px;
}
.mos-checkbox-item .selection .mos-checkbox-option .checkbox-outer-circle,
.mos-checkbox-item .inactive-selection .mos-checkbox-option .checkbox-outer-circle {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 24px;
    height: 24px;
    border-color: #657581;
    border-style: solid;
    border-width: 1px;
    background-color: #fff;
    box-sizing: border-box;
    transition: border-color ease 280ms;
}
.mos-checkbox-item .inactive-selection .mos-checkbox-option .checkbox-outer-circle {
    background-color: #657581;
}
.mos-checkbox-item .selection.checked .mos-checkbox-option .checkbox-outer-circle {
    border-color: #B82132;
}
.mos-checkbox-item .selection .mos-checkbox-option .checkbox-inner-circle {
    position: absolute;
    left: -4px;
    top: -4px;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    transition: transform ease 280ms,background-color ease 280ms;
    transform: scale(.001);
}
.mos-checkbox-item .selection.checked .mos-checkbox-option .checkbox-inner-circle {
    background-color:  #B82132;
    transform: scale(.5);
}
.mos-checkbox-item .mos-checkbox-item-label {
    line-height: 24px;
    margin-left: 18px;
    font-size: 18px !important;
}
.mos-checkbox-item .selection-text > span:first-child {
    margin-right: 50px;
}
@media (max-width: 575px) {
    .mos-checkbox-item .mos-checkbox-item-label {
        font-size: 16px !important;
    }
    .mos-checkbox-item .inactive-selection .mos-checkbox-option .checkbox-outer-circle,
    .mos-checkbox-item .selection .mos-checkbox-option .checkbox-outer-circle {
        height: 20px;
        width: 20px;
    }
    .mos-checkbox-item .selection .mos-checkbox-option .checkbox-inner-circle {
        height: 28px;
        width: 28px;
    }
    .mos-checkbox-item .mos-checkbox-item-label {
        line-height: 20px;
    }
}
