/* militaryonesource template */

body {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
}
body *:focus, body button:focus {
    outline: 1px dotted grey;
}
.t-Body-main {
    background-color: #f0f1f6;
}
.t-Body-content a {
    color: #194867 !important;
}
.t-Body-content a:active, .t-Body-content a:focus {
    color: #194867;
}
.t-Body-content {
    padding-bottom: 5px;
}
.t-Body-main .t-Body-content .t-Body-contentInner {
	background-color: #f8f9fd;
    padding: 0px 15px 0px 15px;
}
.t-Body-contentInner > .container {
    background-color: #f8f9fd;
    padding: 4% 8% 7% 6%;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
.col {
    padding-right: 0px;
    padding-left: 0px;
    min-height: 0px;
}
p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 1rem;
}

/*
** 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;
}

/* 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;
}
/* fix natural padding caused by APEX core css */
.t-Form-inputContainer, .t-Form-inputContainer.col,
.t-Form-labelContainer, .t-Form-labelContainer.col {
    padding: 0px;
}
/* fix the natural background 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 {
    background: transparent;
}
.t-Region--scrollBody > .t-Region-bodyWrap > .t-Region-body {
    background: none !important;
    background-color: transparent !important;
}
/* fix natural margin caused by APEX core css */
.t-Body-main, .t-Body-content {
    margin-top: 0px !important;
}
.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;
}
/* 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;
}
/* fix natural background caused by APEX core css */
.t-Region, .t-Region--noUI, .t-Region--noUI > .t-Region-header {
    background: transparent !important;
}

/* generic classes to use throughout application */
.align-right {
    text-align: right;
}
.arvo {
    font-family: 'Arvo', serif;
}
.blue-text {
    color: #194867 !important;
}
.container-fluid {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
}
.divider {
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: solid 2px #dde4e8;
}
.divider-large {
    margin-top: 40px;
    margin-bottom: 30px;
    border-bottom: solid 2px #dde4e8;
}
.float-right {
    float: right;
}
.hide {
	display : none !important;
}
.link,
.underline-link,
.underline-link-section,
.highlighted,
a.navigation-link {
    border-bottom: 2px solid transparent !important;
}
.link:hover, .link:focus,
.underline-link:hover, .underline-link:focus,
.underline-link-section a:hover, .underline-link-section a:focus,
a.navigation-link:hover, a.navigation-link:focus {
    border-bottom: solid #d64054 2px !important;
}
.text-align-center {
    text-align: center;
}
.view-all {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.8px;
}
.visible-print-inline {
    display: none !important;
}

/*
  replicate bootstrap responsiveness on regions
*/
@media (min-width: 576px) {
    .col.col-3 {
        width: 41.666667%;
    }
    .col.col-9 {
        width: 58.333333%;
    }
}
@media (min-width: 992px) {
    .col.col-3 {
        width: 33.333333%;
    }
    .col.col-9 {
        width: 66.666667%;
    }
}
@media (min-width: 1200px) {
    .col.col-3 {
        width: 25%;
    }
    .col.col-9 {
        width: 75%;
    }
}
/* remove default apex breakpoint of 640px that makes all columns 100% */
@media (max-width: 640px) {
    .col.col-3, .col.col-9 {
        float: left;
        clear: none;
    }
}



/*
  _____        _____ ______  _____
 |  __ \ /\   / ____|  ____|/ ____|
 | |__) /  \ | |  __| |__  | (___
 |  ___/ /\ \| | |_ |  __|  \___ \
 | |  / ____ \ |__| | |____ ____) |
 |_| /_/    \_\_____|______|_____/

** CSS for all pages **
*/

/*
  TEMPLATE OPTIONS for Page : (All)
*/

/* Body Padding : Template Options */
.t-PageBody.t-PageBody--standardPad .t-Body-main .t-Body-content .t-Body-contentInner {
    padding: 4% 8% 7% 6%;
}
@media (max-width: 767px) {
    .t-PageBody.t-PageBody--standardPad .t-Body-main .t-Body-content .t-Body-contentInner {
        margin: 0px -16px;
    }
}
.t-PageBody.t-PageBody--top60-bottom80 .t-Body-main .t-Body-content .t-Body-contentInner {
    padding: 60px 0px 80px 0px;
}
/* Body Background Color : Template Options */
.t-PageBody.t-PageBody--paleGray .t-Body-main .t-Body-content .t-Body-contentInner {
    background-color: #F8F9FD;
}

/*
** 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;
}
/* 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 */
.mos-Header .links {
    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;
}
.mos-Header .links:hover, .mos-Header .links:focus, .mi-header .links:focus {
    border-bottom: solid #d64054 2px;
}



/*
  _____  ______ _____ _____ ____  _   _  _____
 |  __ \|  ____/ ____|_   _/ __ \| \ | |/ ____|
 | |__) | |__ | |  __  | || |  | |  \| | (___
 |  _  /|  __|| | |_ | | || |  | | . ` |\___ \
 | | \ \| |___| |__| |_| || |__| | |\  |____) |
 |_|  \_\______\_____|_____\____/|_| \_|_____/

 ** CSS for all regions **
*/

/*
** BANNER **
*/
.mos-Banner {
    color: #194867;
    font-size: 32px;
    font-weight: bold;
    width: 100%;
    padding: 4% 8%;
    padding-top: 135px;
    position: relative;
    background-size: 100% 100%;
}
.mos-Banner.mos-Banner-overlay {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)), radial-gradient(circle at 50% 60%, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.15) 45%, rgba(255, 255, 255, 0.78));
}
.mos-Banner .mos-Banner-image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
    background-size: cover;
    background-position: 50%;
}
.mos-Banner .mos-Banner-opaque {
    opacity: 0.4;
}
.mos-Banner .mos-Banner-image-ARMY {
    background-position: 100% 60%;
}
.mos-Banner .mos-Banner-image-DLA {
    background-position: 100% 20%;
}
.mos-Banner .mos-Banner-image-USAF {
    background-position: 100% 60%;
}
.mos-Banner .mos-Banner-image-USMC {
    transform: scaleX(-1);
    background-position: 100% 45%;
}
/* 404 page Banner */
.mos-Banner.mos-Banner-404 {
    padding: 0px;
}
.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(/mi_images/error-page.png);
    padding: 90px 16.6666666667% 60px;
}
@media (max-width: 767px) {
    .mos-Banner .mos-Banner-image-404 {
        padding: 45px 15px 48px;
        background-position: 80%;
        background-size: cover;
    }
}


/* breadcrumbs */
.mos-Banner .mos-Breadcrumb {
    margin-top: 32px;
}
.mos-Banner .mos-Breadcrumb .mos-Breadcrumb-items {
    border-bottom: solid 1px #eaedf9;
    color: rgb(25, 72, 103);
    font-size: 11px;
    font-weight: 500;
    list-style: none;
    max-width: 1170px;
    padding-bottom: 8px;
    padding-left: 0px;
    margin: 0px ;
    display: inline-block;
}
.mos-Banner .mos-Breadcrumb .mos-Breadcrumb-items a,
.mos-Banner .mos-Breadcrumb .mos-Breadcrumb-items .fa-icon {
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    margin-right: 5px;
    text-decoration: none;
}
.mos-Banner .mos-Breadcrumb .mos-Breadcrumb-items .fa-icon {
    margin-top: 4px;
}
.mos-Banner .mos-Breadcrumb .mos-Breadcrumb-items .mos-Breadcrumb-item {
    display: inline-block;
}
@media (max-width: 991px) {
    .mos-Banner .mos-Breadcrumb .mos-Breadcrumb-items a {
        font-size: 10px;
    }
}
@media (max-width: 767px) {
    .mos-Banner .mos-Breadcrumb {
        margin-top: 0px;
    }
}

/* page title */
.mos-Banner .mos-Title-container {
    color: #194867;
    font-size: 32px;
    font-weight: bold;
    line-height: 38px;
    margin: 0px;
    padding-top: 16px;
}
.mos-Banner .mos-Title-container span {
    display: inline-block;
}
.mos-Banner .mos-Title-container .mos-Title .search-title {
    font-size: 60px;
    line-height: 1;
    letter-spacing: 2px;
    margin-bottom: 48px;
    margin-top: 32px;
}
.mos-Banner .mos-Title-container .mos-Subtitle {
    display: block;
    margin-top: 12px;
}
/* 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;
}
@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%;
    }
}

/* weather */
.mos-Banner .mos-Weather-bubble {
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0 7px 43px 0 rgba(25, 72, 103, 0.15);
    cursor: default;
    font-size: 32px;
    height: 70px;
    line-height: 1.25;
    max-width: 165px;
    padding: 15px;
    text-align: center;
}
.mos-Banner .mos-Weather-bubble > span > sup {
    font-size: 18px;
    font-weight: 500;
}
@media (max-width: 767px) {
    .mos-Banner .mos-Weather-bubble {
        margin-bottom: 40px;
    }
}

/* search-link */
.mos-Banner .mos-Banner-link {
    text-align: right;
    padding-bottom: 3px;
    padding-top: 16px;
}
.mos-Banner-link a {
    border-bottom: solid transparent 2px;
    color: #194867;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.8px;
    text-decoration: none;
}
@media (max-width: 697px) {
  .mos-Banner .mos-Banner-link a {
    font-size: 12px;
  }
}

/* not certified banner */
.mos-Non-compliant-banner {
    align-items: center;
    background-color: #b92131;
    color: white;
    display: flex;
    font-size: 14px;
    height: 30px;
    justify-content: center;
    width: 100%;
}







/*
  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: solid #d64054 2px !important;
}
.site-message-wrapper .site-message .site-message-content a[target='_blank']:after {
    content: "\f08e";
    font-size: 0.75em;
    font-family: 'Font APEX Small';
    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;
    }
}

/*
  Installation Messages
*/
.mos-Region .message-title .fa {
    margin-right: 20px;
}
.mos-Region .message-title {
    color: #194867;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    padding-bottom: 20px;
}
.mos-Region .message-content {
    color: #4a4a4a;
    font-family: 'Arvo', serif;
    font-size: 16px;
}



/*
  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;
}
@media (max-width: 991px) {
    .mos-Region > .t-Region-header > .t-Region-headerItems > .t-Region-title {
        font-size: 22px;
    }
}
.mos-Region > .t-Region-bodyWrap > .t-Region-body {
    line-height: 24px;
    font-size: 16px;
}
.mos-Region > .t-Region-bodyWrap > .t-Region-body .section-title {
    color: #194867;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}
.mos-Region > .t-Region-bodyWrap > .t-Region-body .section-text,
.mos-Region > .t-Region-bodyWrap > .t-Region-body .section-text * {
    color: #194867;
    font-family: 'Arvo',serif;
}
.mos-Region > .t-Region-bodyWrap > .t-Region-body .section-text,
.mos-Region > .t-Region-bodyWrap > .t-Region-body .section-text p,
.mos-Region > .t-Region-bodyWrap > .t-Region-body .section-text ul,
.mos-Region > .t-Region-bodyWrap > .t-Region-body .section-text li {
    line-height: 24px;
    font-size: 16px;
}
@media (max-width: 992px) {
    .mos-Region > .t-Region-bodyWrap > .t-Region-body .section-text,
    .mos-Region > .t-Region-bodyWrap > .t-Region-body .section-text p,
    .mos-Region > .t-Region-bodyWrap > .t-Region-body .section-text ul,
    .mos-Region > .t-Region-bodyWrap > .t-Region-body .section-text li {
        line-height: 22.5px;
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .mos-Region > .t-Region-bodyWrap > .t-Region-body .section-text,
    .mos-Region > .t-Region-bodyWrap > .t-Region-body .section-text p,
    .mos-Region > .t-Region-bodyWrap > .t-Region-body .section-text ul,
    .mos-Region > .t-Region-bodyWrap > .t-Region-body .section-text li {
        line-height: 21px;
        font-size: 14px;
    }
}

/*
  MOS Make Body Links Red
*/
.mos-Region.make-links-red a:hover,
.mos-Region.make-links-red a:focus {
    border-bottom: solid #d64054 2px !important;
}
.mos-Region.make-links-red > .t-Region-bodyWrap > .t-Region-body a,
.mos-Region.make-links-red .link,
.mos-Region.make-links-red .underline-link,
.mos-Region.make-links-red .underline-link-section,
.mos-Region.make-links-red a.navigation-link,
.mos-Region.make-links-red a.navigation-link * {
    color: #b92131 !important;
}
.mos-Region.make-links-red > .t-Region-bodyWrap > .t-Region-body a[target='_blank']:after {
    content: "\f08e";
    font-size: 0.75em;
    font-family: 'Font APEX Small';
    margin-left: 5px;
}
.mos-Region.make-links-red a:not(.accordion-link):not([href*="militaryonesource.mil"]):not([href^="/"]):after {
  content: "\f08e";
  display: inline !important;
  font-size: 0.75em; /* changes not specific to IE11 */
  font-family: 'Font APEX Small';
  margin-left: 5px;
  position: absolute;
}
.mos-Region.make-links-red a:not(.accordion-link):not([href*="militaryonesource.mil"]):not([href^="/"]):after {
  position: relative;
  font-size: 0.75em;
}

/* 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: 16px;
    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: #d64054;
    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: #d64054;
    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 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.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 Style : RDS - Horizontal
*/
.mos-Region.rds-horizontal .apex-rds-slider {
    display: none;
}
.mos-Region.rds-horizontal .apex-rds li {
    display: block;
    width: 100%;
}
.mos-Region.rds-horizontal .apex-rds a {
    border-bottom: 2px solid transparent;
    color: #194867;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
}
.mos-Region.rds-horizontal .apex-rds .apex-rds-selected a {
    padding-bottom: 14px;
    border-bottom: 6px solid #d64054;
	box-shadow: none;
}
.mos-Region.rds-horizontal .apex-rds a:focus {
    box-shadow: none;
}
.mos-Region.rds-horizontal .apex-rds a:active {
    background-color: #ffffff;
}
.mos-Region.rds-horizontal .apex-rds { /* added for IE11 */
  overflow-x: hidden;
  overflow-y: hidden;
}

/*
  MOS Style : RDS - Vertical
*/
.mos-Region.rds-vertical .apex-rds-slider {
    display: none;
}
.mos-Region.rds-vertical .apex-rds li {
    display: block;
}
.mos-Region.rds-vertical .apex-rds a {
    color: #194867;
    font-weight: bold;
    padding: 20px;
    text-align: left;
    width: 100%;
}
.mos-Region.rds-vertical .apex-rds .apex-rds-selected a {
    box-shadow: none;
    background-color: #194867;
    color: white !important;
}
.mos-Region.rds-vertical .apex-rds a:focus,
.mos-Region.rds-vertical .apex-rds a:hover {
    box-shadow: 0 0 0 2px #b92131 inset;
}
.mos-Region.rds-vertical .apex-rds a:active {
    background-color: #ffffff;
}
.mos-Region.rds-vertical .apex-rds .apex-rds-selected a:active {
    background-color: #194867;
}
.mos-Region.rds-vertical .apex-rds { /* added for IE11 */
  overflow-x: hidden;
  overflow-y: hidden;
}

/*
  MOS Style : Categories
*/
/* .mos-Region.categories {
    padding: 90px 8% 4%;
} */
.mos-Region.categories .t-Region-header {
    padding-left: 15px;
}
.mos-Region.categories > .t-Region-bodyWrap {
    margin-top: 25px;
}
@media (max-width: 767px) {
    /* .mos-Region.categories {
        padding: 70px 15px 4% 0px;
    } */
    /* .mos-Region.categories > .t-Region-bodyWrap {
        margin-top: 60px;
    } */
}

/*
  MOS Style : Feature Card
*/
/* .mos-Region.feature-card > .t-Region-bodyWrap {
    margin-top: 55px;
} */
/*
  MOS Style : General Resources
*/
.mos-Region.general-resources ul.general-resource-group {
    list-style-type: none;
    margin: 0px;
}
.mos-Region.general-resources .t-Region-body {
  overflow: visible; /* changes not specific to IE11 */
}
.mos-Region.general-resources li.general-resource {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.8px;
    line-height: 24px;
}
.mos-Region.general-resources li.general-resource:not(:first-child) {
    padding-top: 25px;
}
.mos-Region.general-resources a:not(.accordion-link):not([href*="militaryonesource.mil"]):not([href^="/"]):hover:after,
.mos-Region.general-resources a[target="_blank"]:hover:after {
    display: inline !important;
}
.mos-Region.general-resources a:not([href*="militaryonesource.mil"]):not([href^="/"]):after,
.mos-Region.general-resources a[target="_blank"]:after {
    content: "\f08e";
    display: none;
    font-family: 'Font APEX Small';
    font-weight: normal;
    font-size: 0.75em; /* changes not specific to IE11 */
    margin-left: 5px;
    position: absolute;
}
/*
  MOS Style : Local Community Info
*/
.mos-Region.local-community-info > .t-Region-bodyWrap > .t-Region-body .section-title {
    padding-top: 30px;
    margin-bottom: 25px;
}
.mos-Region.local-community-info > .t-Region-bodyWrap > .t-Region-body .section-text,
.mos-Region.local-community-info > .t-Region-bodyWrap > .t-Region-body .section-text * {
    color: #4a4a4a;
    margin-bottom: 16px;
}
/*
  MOS Style : Photo Gallery Preview
*/
.mos-Region.photo-gallery-preview .photo:not(:first-child) {
    margin-top: 30px;
}
.mos-Region.photo-gallery-preview .photo a {
    display: block;
}
.mos-Region.photo-gallery-preview .photo .photo-image {
    width: 100%;
}
.mos-Region.photo-gallery-preview .view-all-photo-text {
    margin-top: 30px;
    font-size: 12px;
    text-align: right;
    font-weight: bold;
}
/*
  MOS Style : Section
*/
.mos-Region.section > .t-Region-bodyWrap > .t-Region-body .section-title {
    margin-top: 30px;
}
.mos-Region.section > .t-Region-bodyWrap > .t-Region-body .section-text,
.mos-Region.section > .t-Region-bodyWrap > .t-Region-body .section-text * {
    color: #4a4a4a;
}
/*
  MOS Style : Special Message
*/
.mos-Region.special-message > .t-Region-bodyWrap > .t-Region-body .section-title {
    font-size: 24px;
    margin-bottom: 30px;
}
.mos-Region.special-message > .t-Region-bodyWrap > .t-Region-body .section-text,
.mos-Region.special-message > .t-Region-bodyWrap > .t-Region-body .section-text * {
    font-size: 18px;
    line-height: 2;
    letter-spacing: -0.4px;
}

/* external link dialog pop-up */

body [aria-describedby="mos-ext-link-dialog"].ui-dialog.ui-front {
    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 {
    background-color: transparent;
    border: 0;
}
.mos-ext-link-dialog .mos-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-red-line {
    background-color: #d64054;
    display: block;
    height: 6px;
    margin: 0 auto;
    width: 32px;
}
.mos-ext-link-dialog .mos-button-text {
    color: #194867;
    display: block;
    font-family: 'Work Sans', sans-serif;
    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-family: 'Work Sans', sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6;
    margin: 30px;
}
.mos-ext-link-dialog .mos-section-text {
    font-family: 'Arvo', serif;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.2px;
    padding: 0px 25px 54px 25px;
}

@media ( max-width: 767px ) {
    .mos-ext-link-dialog .mos-section-text {
        font-size: 16px;
    }
    .mos-ext-link-dialog .mos-section-title {
        font-size: 20px;
    }
}


/*
  _      _____  _____ _______ _____
 | |    |_   _|/ ____|__   __/ ____|
 | |      | | | (___    | | | (___
 | |      | |  \___ \   | |  \___ \
 | |____ _| |_ ____) |  | |  ____) |
 |______|_____|_____/   |_| |_____/

 ** CSS for all lists **
*/
.mos-links-list {
    background-color: white;
}

.mos-links-list .list-item {
    color: #194867;
    cursor: pointer;
	display : block;
    padding: 20px;
}
.mos-links-list .list-item:not(:first-child) {
    border-top: 2px solid #dce3e8;
}
.mos-links-list .active.list-item {
    background-color: #194867;
    color: white !important;
    font-weight: bold;
}

/*
  TEMPLATE for Report : MOS Link List - Collapsible
*/
.topic-list button {
    font-weight: bold;
}
.topic-list button {
    box-shadow: rgba(18, 52, 74, 0.2) 0px -3px 0px 0px inset;
    color: #194867;
    cursor: pointer;
    font-size: 1rem;
    display: block;
    flex: 1 1 100%;
    padding: 20px 0px;
    border: none;
    background-color: transparent;
    width: 100%;
    font-size: 14px;
    text-align: start;
    padding-left: 0px;
}
.topic-list button.collapsed .fa-angle-up {
  display: none;
}
.topic-list button:not(.collapsed) .fa-angle-down {
  display: none;
}
.topic-list button .fa-angle-down,
.topic-list button .fa-angle-up {
    background-size: 100% 100%;
    height: 14px;
    margin-right: 10px;
}
.topic-list .accordion-body {
    width: 100%;
}
.topic-list .accordion-body a {
    box-shadow: rgba(18, 52, 74, 0.2) 0px -3px 0px 0px inset;
    color: rgb(18, 51, 74);
    cursor: pointer;
    font-size: 14px;
    display: block;
    flex: 1 1 100%;
    padding: 20px 0px;
}

/*
  ____  _    _ _______ _______ ____  _   _  _____
 |  _ \| |  | |__   __|__   __/ __ \| \ | |/ ____|
 | |_) | |  | |  | |     | | | |  | |  \| | (___
 |  _ <| |  | |  | |     | | | |  | | . ` |\___ \
 | |_) | |__| |  | |     | | | |__| | |\  |____) |
 |____/ \____/   |_|     |_|  \____/|_| \_|_____/

 ** 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;
}
/* Type : MOS Blue */
button.mos-button.t-Button--mosblue {
    background-color: #12334a;
}
/* Type : MOS Red */
button.mos-button.t-Button--mosred {
    background-color: #d43e51;
}
/* 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;
}


/*
  _____ _______ ______ __  __  _____
 |_   _|__   __|  ____|  \/  |/ ____|
   | |    | |  | |__  | \  / | (___
   | |    | |  |  __| | |\/| |\___ \
  _| |_   | |  | |____| |  | |____) |
 |_____|  |_|  |______|_|  |_|_____/

 ** 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 {
    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.apex-item-wrapper--auto-complete .t-Form-inputContainer {
    display: flex;
    flex-direction: column;
}
.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 25px;
}
.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;
}
/* Text Field with autocomplete (20.2) moved to oj */
.oj-listbox-drop ul.oj-listbox-results {
    border: 0;
    font-size: 20px;
    margin-top: -1px;
    max-height: 248px !important;
    padding: 0;
}
.oj-listbox-drop ul.oj-listbox-results li.oj-listbox-result {
    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%;
}
.oj-listbox-drop ul.oj-listbox-results li.oj-listbox-result:focus,
.oj-listbox-drop ul.oj-listbox-results li.oj-listbox-result:hover,
.oj-listbox-drop ul.oj-listbox-results li.oj-listbox-result.oj-hover {
    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 dotted;
}
.wrap-dd-select > div > button {
    background: none;
    border: none;
}
.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: 20px;
}
.mos-Item.xlarge-label .t-Form-labelContainer label {
    font-size: 32px;
    line-height: 32px;
}
/* Input Size */
.mos-Item.mos-Item-large .t-Form-inputContainer input[type="text"] {
    font-size: 20px;
    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.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('/mi_images/gray-tab.png');
    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: 24px;
    position: absolute;
    right: 16px;
    top: 12px;
    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,
.mos-Item.t-Form-fieldContainer.t-Form-fieldContainer--stretchInputs .t-Form-inputContainer > .apex-item-group.apex-item-group--auto-complete {
    -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;
    font-weight: 500;
    padding: 16px 25px 18px 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;
}
/* review this */
@media ( max-width: 991px ) {
  .mos-Item.xlarge-label .t-Form-labelContainer label {
      font-size: 18px;
  }
  .mos-Item .t-Form-inputContainer input[type="text"],
  .wrap-dd-select button,
  .wrap-dd-select ul.dropdown li.dropdown-item {
        font-size: 12px;
  }
  .mos-Item.mos-Item-large .t-Form-inputContainer .wrap-dd-select > div > button {
      font-size: 12px;
      padding: 20px 30px;
      height: 60px;
  }
  .mos-Item.mos-Item-large .t-Form-inputContainer .apex-item-icon.fa-angle-down {
    font-size: 30px;
  }
  .mos-Item.mos-Item-large .t-Form-inputContainer .wrap-dd-select {
      height: 60px;
      margin-top: 10px;
  }
  .mos-Item.mos-Item-large .wrap-dd-select .dropdown-item {
      font-size: 12px;
  }
  .mos-Item.mos-Item-large .t-Form-inputContainer input[type="text"] {
      font-size: 12px;
      height: 60px;
      padding: 24px 30px;
      margin-top: 10px;
  }
  .mos-Item.mos-Item-large .t-Form-inputContainer .apex-item-icon {
      font-size: 20px;
      top: 27px;
  }
}
@media (max-width: 640px) {
  .within-miles-col .t-Form-fieldContainer.rel-col > .col.col-2 {
      width: 40% !important;
      clear: none;
  }
  .within-miles-col .t-Form-fieldContainer.rel-col > .col.col-3 {
      width: 60% !important;
      clear: none;
      float: right;
  }
}



/*
  _____  ______ _____   ____  _____ _______ _____
 |  __ \|  ____|  __ \ / __ \|  __ \__   __/ ____|
 | |__) | |__  | |__) | |  | | |__) | | | | (___
 |  _  /|  __| |  ___/| |  | |  _  /  | |  \___ \
 | | \ \| |____| |    | |__| | | \ \  | |  ____) |
 |_|  \_\______|_|     \____/|_|  \_\ |_| |_____/

 ** CSS for all reports **
*/



/*
  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 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-control.accordion-control-with-image .accordion-image {
    background-repeat: no-repeat;
    background-size: cover;
    min-width: 53px;
    height: 53px;
}
.mos-Region .accordions .accordion .accordion-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    margin-right: 30px;
}
.mos-Region .accordions .accordion .accordion-control.accordion-control-with-image .accordion-title {
    margin-left: 20px;
}
.mos-Region .accordions .accordion .accordion-control i {
    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;
    }
}

/* State and Federal Resources Accordon links */

/* all icons inside the support resource div */
.accordions .accordion .support-resource .fa {
    font-family: 'Font APEX Small';
    font-size: 14px !important;
}
/* arrow before */
.accordions .accordion .support-resource .fa.fa-arrow-right {
    color: #b92131;
    margin-right: 20px;
}
/* link text */
.accordions .accordion .support-resource .support-resource-link .support-resource-link-text {
    font-family: 'Work Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500;
}
/* external link icon after */
.accordions .accordion .support-resource .support-resource-link .fa-external-link {
    display: none;
    margin-left: 5px;
}
.accordions .accordion .support-resource .support-resource-link:hover .fa-external-link,
.accordions .accordion .support-resource .support-resource-link:focus .fa-external-link {
    display: inline-block;
}



/*
  TEMPLATE for Report : MOS 3-Column Links Accordion
*/
.mos-Region .accordion-control.panel-title .accordion-open-indicator {
    background: red;
    background-color: #d64054;
    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;
}

/*
  TEMPLATE for Report : MOS Associated Links
*/
.mos-Region .row.associated-link-row-content {
	display: flex;
    flex-wrap: wrap;
}
.mos-Region .associated-link-row-content .associated-link-section {
    margin-top: 30px;
}
.mos-Region .associated-link-row-content .associated-link-section .fa-arrow-right {
    color: #b92131;
    margin-right: 5px;
    vertical-align: top;
    display: inline-block;
    margin-top: 5px;
	font-size: 13px;
}
.mos-Region .associated-link-row-content .associated-link-title-wrapper {
    display: inline-block;
    width: calc(100% - 25px);
}
.mos-Region .associated-link-row-content .associated-link-title {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    color: #194867;
    max-width: 90%;
    vertical-align: top;
}
.mos-Region .associated-link-row-content .associated-link .fa-icon {
    display: none;
}
.mos-Region .associated-link-row-content .associated-link:hover .fa-icon,
.mos-Region .associated-link-row-content .associated-link:focus .fa-icon {
    display: inline-block;
}
.mos-Region .associated-link-row-content .associated-link-text {
    color: #4a4a4a;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.71;
    margin-top: 5px;
    margin-left: 21px;
}
@media (min-width: 992px) {
	.mos-Region .associated-link-row-content .associated-link-text {
		margin-left: 3.5%;
	}
}
@media (max-width: 767px) {
	.mos-Region .associated-link-row-content .associated-link-section {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.mos-Region .associated-link-pagination {
	display : none;
}
.mos-Region .associated-link-pagination table {
	width : 100%;
}
.mos-Region .associated-link-pagination .align-items-center {
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.mos-Region .associated-link-pagination .view-more-btn > span {
    margin-left: 10px;
}
.mos-Region .associated-link-pagination .view-more-btn {
    width: 183px;
    height: 55px;
    border: none;
    border-radius: 200px;
    background-color: #194867;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    color: #ffffff;
    display: flex;
    justify-content: center;
    cursor: pointer;
    text-transform: uppercase;
}
.mos-Region .associated-link-pagination .view-more-section {
    margin-top: 80px;
    display: flex;
    justify-content: center;
}



/*
  TEMPLATE for Report : MOS Contact Cards
*/
.t-Cards-container.mos-contact-card.t-Cards--3cols,
.t-Cards-container.mos-contact-card.t-Cards--1col {
    overflow: visible;
    margin: 0px;
}
.t-Cards-container.mos-contact-card.t-Cards--padded .t-Card-wrap {
    padding: 20px;
}
.t-Cards-container.mos-contact-card.t-Cards--1col .t-Card {
    background: #ffffff;
}
.t-Cards-container.mos-contact-card.t-Cards--3cols .t-Card {
    background: #ffffff;
    margin: 0px 16px 64px;
    width: 90%;
}
.t-Cards-container.mos-contact-card .t-Card:hover {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
}
.t-Cards-container.mos-contact-card .t-Card-wrap {
    border: none;
    box-shadow: rgba(25, 72, 103, 0.15) 0 38px 43px 0;
    color: #194867;
}
.t-Cards-container.mos-contact-card .t-Card-wrap p {
    font-size: 16px;
    margin-bottom: 16px;
}
.t-Cards-container.mos-contact-card .t-Card-wrap .divider {
    margin-bottom: 0;
}
.t-Cards-container.mos-contact-card .t-Card-wrap .map-or-website * {
    font-size: 12px;
    letter-spacing: 1.3px;
    vertical-align: top;
}
.t-Cards-container.mos-contact-card .t-Card-wrap .card-header,
.t-Cards-container.mos-contact-card .t-Card-wrap .card-body {
    padding: 20px;
}
.t-Cards-container.mos-contact-card .t-Card-wrap .card-header p {
    letter-spacing: 0.3px;
    margin-bottom: 0px;
}
.t-Cards-container.mos-contact-card .t-Card-wrap .highlighted {
    display: block;
}
.t-Cards-container.mos-contact-card .t-Card-wrap .highlighted .name {
    background-color: rgb(240, 242, 250);
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 0px;
    padding: 20px;
}
.t-Cards-container.mos-contact-card .card-bold {
    font-weight: bold;
}
.t-Cards-container.mos-contact-card .card-body .card-bold.topic-title {
    margin-bottom: -20px;
}
.t-Cards-container.mos-contact-card .card-body .card-item {
    font-size: 16px;
    overflow: hidden;
    padding-top: 20px;
    word-wrap: break-word;
}
.t-Cards-container.mos-contact-card .card-body .card-item p {
    margin-bottom: 0px;
}
.t-Cards-container.mos-contact-card .card-body .card-text p {
    line-height: 24px;
    font-size: 16px;
}
.t-Cards-container.mos-contact-card .card-body .card-command {
    padding-top: 0px;
}
.t-Cards-container.mos-contact-card .card-body .card-item .card-phone-text,
.t-Cards-container.mos-contact-card .card-body .card-item .card-phone-extension,
.t-Cards-container.mos-contact-card .card-body .card-item .card-phone-comment {
    width: calc(100% - 44px);
    float: right;
}
.t-Cards-container.mos-contact-card .card-body .card-item .card-phone-extension,
.t-Cards-container.mos-contact-card .card-body .card-item .card-phone-comment {
    display: none;
}
.t-Cards-container.mos-contact-card .card-body .map-or-website {
    padding-top: 15px;
}
.t-Cards-container.mos-contact-card .card-body .card-icon {
    background-repeat: no-repeat;
    content: '';
    width: 32px;
    height: 26px;
    float: left;
    margin-right: 12px;
}
.t-Cards-container.mos-contact-card .card-body .card-icon.email {
    background-repeat: no-repeat;
    background-image: url('/mi_images/Email.svg');
}
.t-Cards-container.mos-contact-card .card-body .card-icon.website {
    content: '';
    height: 21px;
    background-repeat: no-repeat;
    background-image: url('/mi_images/Website.svg');
}
.t-Cards-container.mos-contact-card .card-body .card-icon.map {
    background-image: url('/mi_images/Map.svg');
    content: '';
    width: 25px;
    height: 21px;
    margin-right: 18px;
}
@media (max-width: 991px) {
    .t-Cards-container.mos-contact-card .t-Card-wrap p {
        font-size: 15px;
    }
    .t-Cards-container.mos-contact-card .card-body .card-item {
        font-size: 15px;
    }
    .t-Cards-container.mos-contact-card .card-body .card-text p {
        font-size: 15px;
        line-height: 22.5px;
    }
}
@media (max-width: 767px) {
    .t-Cards-container.mos-contact-card .t-Card-wrap p {
        font-size: 14px;
    }
    .t-Cards-container.mos-contact-card .card-body .card-item {
        font-size: 14px;
    }
    .t-Cards-container.mos-contact-card .card-body .card-text p {
        font-size: 14px;
        line-height: 21px;
    }
    .t-Cards-container.mos-contact-card.t-Cards--padded .t-Card-wrap .card-header {
        padding: 0px;
    }
    .t-Cards-container.mos-contact-card.t-Cards--padded .t-Card-wrap .card-body {
        padding: 10px 0px;
    }
}
@media (max-width: 640px) {
    .t-Cards-container.mos-contact-card.t-Cards--3cols .t-Cards-item {
        width: 100%;
    }
}
/* make cards 50% from 1024px to 1200px */
@media (max-width: 1200px) and (min-width: 1025px) {
    .t-Cards-container.mos-contact-card.t-Cards--3cols .t-Cards-item {
        width: 50%;
    }
}
/* for reports that take up only 9 columns by default, stretch cards at 1024px */
@media (max-width: 1024px) {
    .t-Cards-container.mos-contact-card.t-Cards--3cols .t-Cards-item {
        width: 100%;
    }
}

/*
  MOS Contact Cards - Pagination
*/
/* hide the top pagination unless specified in the report template to display top pagination */
.mos-Region .top-record-counts,
.t-Cards-container.mos-contact-card > .divider {
    display : none;
}
.show-top-record-counts .top-record-counts,
.t-Cards-container.mos-contact-card.show-top-record-counts > .divider {
    display : block;
}
.mos-Region .top-record-counts .results-text,
.mos-contact-card .nodatafound .results-text {
    font-size: 12px !important;
    font-weight: bold;
    letter-spacing: 0.9px;
    color: #12334a;
    text-transform: uppercase;
    white-space: nowrap;
    text-align: right;
}
/* style the pagination that displays at the bottom of the page */
.mos-contact-card .t-Report-paginationText b {
    color: #b92131;
    background-color: transparent;
    line-height: 24px;
    font-size: 20px;
    font-weight: 600;
    margin: 5px 15px;
    text-align: center;
}
.mos-contact-card .t-Report-pagination span.t-Report-paginationText {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
@media (max-width: 576px) {
    .mos-contact-card .t-Report-pagination.bottom-pagination table > tbody > tr {
        display: flex;
        flex-direction: column;
    }
}
.mos-contact-card .t-Report-pagination .t-Report-paginationText strong {
    background-color: transparent;
    line-height: 24px;
    font-size: 20px;
    font-weight: 600;
    margin: 5px 15px;
    text-align: center;
    color: #194867;
    border-bottom: 2px solid #194867;
}
.mos-contact-card .t-Report-pagination .t-Report-paginationText a {
    background-color: transparent;
    line-height: 24px;
    font-size: 20px;
    font-weight: 600;
    margin: 5px 15px;
    text-align: center;
    color: #194867;
    border-bottom: 2px solid transparent;
}
.mos-contact-card .t-Report-pagination .t-Report-paginationText a:hover {
    background-color: transparent;
    color: #194867;
}

.mos-contact-card .t-Report-pagination .t-Report-paginationLink {
    border-radius: 100px;
    background-color: #ffffff;
    border: solid 3px #dde4e8;
    color: #194867;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    padding: 9px 10px;
    width: 140px;
    text-transform: uppercase;
}

/*
  TEMPLATE for Report : MOS Categories - uses attributes from MOS Accordions
*/
.mos-Region .categories {
    display: block;
}
.mos-Region .categories .category {
    display: flex;
    justify-content: flex-start;
    padding: 0px 15px;
}
/* July 2020 style - do not respond to accordions */
.mos-Region .categories .category {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.mos-Region .categories .category .category-image-col {
    padding-right: 15px;
    width: 16.6666666667%;
}
.mos-Region .categories .category .category-image-col .category-image {
    background-size: contain; /* changed for IE11 */
    background-repeat: no-repeat; /* added for IE11 */
    background-position: 100% 100%;
    height: 70px;
    margin-right: 30px;
    max-height: 70px;
    max-width: 70px;
    width: 100%;
}
.mos-Region .categories .category .category-content {
    padding: 0px 15px;
    width: 83.3333333333%;
}
.mos-Region .categories .category .category-content .category-title {
    color: #194867;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.4px;
    margin-bottom: 10px;
    padding-right: 5%;
}
.mos-Region .categories .category .category-content p {
    color: #194867;
    cursor: default;
    font-family: 'Arvo', serif;
    font-size: 14px;
    line-height: 24px;
}
.mos-Region .categories .category .category-link {
    font-family: 'Work Sans', sans-serif;
    /* font-size: 14px; */
    font-weight: bold;
    line-height: 24px;
}
/* hide the accordion functionality when screen > 575px */
.mos-Region .accordions.categories .category .accordion {
    display: none;
    width: 100%;
}
.mos-Region .accordions.categories .category .accordion .accordion-control {
    padding: 0px;
}
.mos-Region .accordions.categories .category .accordion .accordion-body .section-text {
    padding: 15px 15px 0px 16.666667%;
}
@media (min-width: 576px) {
    .mos-Region .categories {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .mos-Region .categories .category {
        margin: 25px 0px;
    }
}
@media (min-width: 768px) {
    .mos-Region .categories .category {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 992px) {
    .mos-Region .categories .category {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 767px) {
    .mos-Region .categories .category {
        /* align-items: center; */
        /* box-shadow: 0 2px 0 0 #eff4f7; */
        /* cursor: pointer;
        display: flex;
        flex-wrap: wrap;
        outline: none;
        margin: 0;
        min-height: 80px;
        padding: 15px; */
    }
    .mos-Region .categories .category .category-image-col .category-image {
        max-height: 63px;
        max-width: 63px;
    }
    .mos-Region .categories .category .category-content {
        /* display: flex; */
        padding: 0px;
    }
    .mos-Region .categories .category .category-content .category-title {
        /* margin: 0px; */
        align-items: center;
        /* display: flex; */
        min-width: 180px;
        word-break: break-word;
    }
    .mos-Region .categories .category .category-content .category-link {
        /* padding-left: 5%; */
    }
}
/* display the accordions and hide the category fixed text when screen <= 575px */
@media (max-width: 575px) {
    /* .mos-Region .accordions.categories .category .accordion {
        display: block;
    } */
    /* .mos-Region .categories .category .category-image-col,
    .mos-Region .categories .category .category-content {
        display: none;
    } */
    .mos-Region .categories .category {
        box-shadow: 0 2px 0 0 #eff4f7;
        padding: 15px;
    }
}
/*
  TEMPLATE for Report : MOS Feature Cards
*/
.t-Cards.mos-feature-card {
    margin-left: -15px;
    margin-right: -15px;
}
.t-Cards.mos-feature-card .t-Cards-item {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.t-Cards.mos-feature-card.t-Cards-2cols .t-Cards-item {
    width: 50%;
}
.t-Cards.mos-feature-card.t-Cards-4cols .t-Cards-item {
    width: 25%;
}
.t-Cards.mos-feature-card .t-Card:hover {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    box-shadow: inherit;
}
.t-Cards.mos-feature-card .t-Card-wrap {
    background-color: #ffffff;
    border: none;
    box-shadow: 0 15px 28px 0 rgba(25, 72, 103, 0.15);
    margin-top: 15px;
    margin-bottom: 15px;
}
.t-Cards.mos-feature-card.t-Cards-2cols .t-Card-wrap {
    height: 350px;
}
.t-Cards.mos-feature-card.t-Cards-4cols .t-Card-wrap {
    /* height: 532px; */
    min-height: 292px;
}
.t-Cards.mos-feature-card .t-Card-wrap:hover,
.t-Cards.mos-feature-card .t-Card-wrap:focus {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;
    background-color: #194867;
}
.t-Cards.mos-feature-card .t-Card-inner {
    padding: 30px 30px 0px;
}
.t-Cards.mos-feature-card .t-Card-imageWrap {
    position: relative;
}
.t-Cards.mos-feature-card .blue-overlay {
    background: rgba(0, 140, 234, 0.3);
    position: absolute;
    height: 150px;
    width: 100%;
    z-index: 1;
    transition: all 400ms ease;
}
.t-Cards.mos-feature-card .t-Card-wrap:hover .blue-overlay,
.t-Cards.mos-feature-card .t-Card-wrap:focus .blue-overlay {
    opacity: 0;
    height: 130px;
}
.t-Cards.mos-feature-card .t-Card-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    filter: grayscale(100%);
    height: 150px;
    -webkit-transition: all 400ms ease; */
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;
}
.t-Cards.mos-feature-card .t-Card-wrap:hover .t-Card-image,
.t-Cards.mos-feature-card .t-Card-wrap:focus .t-Card-image {
    filter: grayscale(0%);
    height: 130px;
}
.t-Cards.mos-feature-card .t-Card-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    color: #194867;
    padding: 20px 0px;
    margin: 0px;
}
.t-Cards.mos-feature-card .t-Card-wrap:hover .t-Card-title,
.t-Cards.mos-feature-card .t-Card-wrap:focus .t-Card-title {
    color: #ffffff;
}
.t-Cards.mos-feature-card .t-Card-hoverText {
    padding: 0px;
}
.t-Cards.mos-feature-card .t-Card-hoverText p {
    color: #ffffff;
    font-family: 'Arvo', serif;
    font-size: 14px;
    line-height: 24px;
}
.t-Cards.mos-feature-card .t-Card-bottom {
    bottom: 0px;
    display: none;
    position: absolute;
    width: 100%;
}
.t-Cards.mos-feature-card.show-learn-more .t-Card-bottom {
    display: block;
}
.t-Cards.mos-feature-card .learn-more {
    background: rgba(25, 72, 103, 0.1);
    border-radius: 92px 92px 0 0;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.8px;
    line-height: 24px;
    margin: auto;
    max-width: 160px;
    padding: 30px 0;
    text-align: center;
    width: 66.666667%;
}
.t-Cards.mos-feature-card .t-Card-wrap:hover .learn-more,
.t-Cards.mos-feature-card .t-Card-wrap:focus .learn-more {
    color: #ffffff;
    background: transparent;
}
/* responsiveness for MOS Feature Cards */
@media (max-width: 1200px) {
    .t-Cards.mos-feature-card.t-Cards-4cols .t-Card-wrap {
        /* height: 460px; */
        min-height: 230px;
    }
    .t-Cards.mos-feature-card .t-Card-title {
        font-size: 16px;
    }
    .t-Cards.mos-feature-card .t-Card-hoverText p {
        font-size: 11.2px;
        line-height: 18px;
    }
}
@media (max-width: 1200px) and (min-width: 992px) {
    .t-Cards.mos-feature-card .blue-overlay,
    .t-Cards.mos-feature-card .t-Card-image    {
        height: 130px;
    }
    .t-Cards.mos-feature-card .t-Card-wrap:hover .blue-overlay,
    .t-Cards.mos-feature-card .t-Card-wrap:focus .blue-overlay,
    .t-Cards.mos-feature-card .t-Card-wrap:hover .t-Card-image,
    .t-Cards.mos-feature-card .t-Card-wrap:focus .t-Card-image {
        height: 110px;
    }
    .t-Cards.mos-feature-card .t-Card-inner {
        padding: 20px 20px 0px;
    }
    .t-Cards.mos-feature-card.t-Cards-4cols .t-Cards-item {
        width: 50%;
    }
}
@media (max-width: 991px) {
    .t-Cards.mos-feature-card.t-Cards-4cols .t-Cards-item {
        width: 50%;
    }
    .t-Cards.mos-feature-card.t-Cards-4cols .t-Card-wrap {
        /* height: 410px; */
        min-height: 260px;
    }
}
@media (max-width: 767px) {
    .t-Cards.mos-feature-card .t-Card-title {
        text-align: center;
    }
    .t-Cards.mos-feature-card .t-Card-hoverText p {
        color: #194867;
        font-size: 9.8px;
    }
    .t-Cards.mos-feature-card .t-Card-wrap:hover .t-Card-hoverText p,
    .t-Cards.mos-feature-card .t-Card-wrap:focus .t-Card-hoverText p {
        color: #ffffff;
    }
    .t-Cards.mos-feature-card .learn-more {
        background: transparent;
    }
    .t-Cards.mos-feature-card.t-Cards-4cols .t-Cards-item {
        width: 100%;
    }
    .t-Cards.mos-feature-card.t-Cards-4cols .t-Card-wrap {
        /* height: 410px; */
        min-height: 240px;
    }
}
@media (max-width: 575px) {
    .t-Cards.mos-feature-card.t-Cards-2cols .t-Cards-item {
        width: 100%;
    }
    .t-Cards.mos-feature-card.t-Cards-4cols .t-Cards-item {
        width: 100%;
    }
}

/*
  TEMPLATE for Report : MOS Promo Cards
*/
.t-Cards.mos-promo-card {
    margin-left: -15px;
    margin-right: -15px;
}
.t-Cards.mos-promo-card:before {
    content: " ";
    display: table;
}
.t-Cards.mos-promo-card:after {
    clear: both;
}
.t-Cards.mos-promo-card .t-Cards-item {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.t-Cards.mos-promo-card.t-Cards-2cols .t-Cards-item {
    width: 50%;
}
.t-Cards.mos-promo-card .t-Card:hover {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    box-shadow: inherit;
}
.t-Cards.mos-promo-card .t-Card-wrap {
    border: none;
    box-shadow: none;
    margin-top: 15px;
    margin-bottom: 15px;
}
.t-Cards.mos-promo-card.t-Cards-2cols .t-Card-wrap {
    height: 145px;
}
.t-Cards.mos-promo-card .t-Card-wrap .t-Card-promo-tile {
    display: inline;
}
.t-Cards.mos-promo-card .t-Card-wrap .t-Card-imageWrapper {
    height: 100%;
}
.t-Cards.mos-promo-card .t-Card-wrap .t-Card-imageWrapper .t-Card-image {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.t-Cards.mos-promo-card .t-Card-wrap .t-Card-imageWrapper .blue-overlay {
    position: absolute;
    background-color: rgba(25,72,103,0.75);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.t-Cards.mos-promo-card .t-Card-wrap .t-Card-imageWrapper .t-Card-title {
    position: absolute;
    top: 26px;
    left: 28px;
    max-width: 70%;
    color: #FFFFFF;
    font-family: "Work Sans";
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.18px;
    line-height: 18px;
}
.t-Cards.mos-promo-card .t-Card-wrap .t-Card-imageWrapper .t-Card-text {
    position: absolute;
    bottom: 15px;
    right: 17px;
    text-align: right;
    color: #FFFFFF;
    font-family: "Work Sans";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 19px;
}
@media (max-width: 767px) {
    .t-Cards.mos-promo-card.t-Cards-2cols .t-Cards-item {
        width: 100%;
    }
}


/*
  _____  _     _    _  _____ _____ _   _  _____
 |  __ \| |   | |  | |/ ____|_   _| \ | |/ ____|
 | |__) | |   | |  | | |  __  | | |  \| | (___
 |  ___/| |   | |  | | | |_ | | | | . ` |\___ \
 | |    | |___| |__| | |__| |_| |_| |\  |____) |
 |_|    |______\____/ \_____|_____|_| \_|_____/

 ** CSS for all plugins **
*/

/*
  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: #d43e51;
}
.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);
}

/* MOS Selection Item : Clear All / Select All */
.mos-Region .mos-selection-controls {
    color: #12334a;
    font-family: 'Work Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.9px;
    margin-bottom: 30px;
    text-align: right;
}
.mos-Region .mos-selection-controls > span {
    cursor: pointer;
}
.mos-Region .mos-selection-controls > span:first-child {
    margin-right: 50px;
}
@media (max-width: 992px) {
    .mos-selection .selection.col.col-4 {
        width: 50%;
    }
}
@media (max-width: 767px) {
  .mos-selection .selection.col.col-4 {
    width: 100%;
  }
}

/*
  _____ _____ ____  _   _  _____
 |_   _/ ____/ __ \| \ | |/ ____|
   | || |   | |  | |  \| | (___
   | || |   | |  | | . ` |\___ \
  _| || |___| |__| | |\  |____) |
 |_____\_____\____/|_| \_|_____/

 ** CSS for all icons **
*/

/* installation homepage categories */
.child-and-youth-services-icon {
	background-image: url('/mi_images/child-and-youth-services.svg');
}

.education-icon {
	background-image: url('/mi_images/education.svg');
}

.exceptional-family-member-program-icon {
    background-image: url('/mi_images/exceptional-family-member-program.svg');
}

.health-icon {
    background-image: url('/mi_images/health.svg');
}

.housing-icon {
    background-image: url('/mi_images/housing.svg');
}

.legal-icon {
    background-image: url('/mi_images/legal.svg');
}

.military-and-family-support-center-icon {
    background-image: url('/mi_images/military-and-family-support-center.svg');
}

.morale-welfare-and-recreation-icon {
    background-image: url('/mi_images/morale-welfare-and-recreation.svg');
}

.moving-icon {
    background-image: url('/mi_images/moving.svg');
}

.transportation-icon {
    background-image: url('/mi_images/transportation.svg');
}

/* icons */
.active-duty-guard-and-reserve-icon {
    background-image: url('/mi_images/active-duty-guard-and-reserve.svg');
}

.heroes-to-hometowns-icon {
    background-image: url('/mi_images/heroes-to-hometowns.svg');
}

.veterans-assistance-icon {
    background-image: url('/mi_images/veterans-assistance.svg');
}

.wounded-warriors-icon {
    background-image: url('/mi_images/wounded-warriors.svg');
}

.crisis-support-and-health-care-resources-icon {
    background-image: url('/mi_images/crisis-support-and-health-care-resources.svg');
}

.education-resources-icon {
    background-image: url('/mi_images/education-resources.svg');
}

.employment-resources-icon {
    background-image: url('/mi_images/employment-resources.svg');
}

.money-matters-icon {
    background-image: url('/mi_images/money-matters.svg');
}

.recreational-resources-icon {
    background-image: url('/mi_images/recreational-resources.svg');
}

.relief-and-aid-organization-icon {
    background-image: url('/mi_images/relief-and-aid-organization.svg');
}

.federal-agencies-icon {
    background-image: url('/mi_images/federal-agencies.svg');
}

.state-agencies-icon {
    background-image: url('/mi_images/state-agencies.svg');
}