/*
 * COPYRIGHT - CUBIC TRANSPORTATION SYSTEMS ("CUBIC"). ALL RIGHTS RESERVED.
 *
 * Information Contained Herein is Proprietary and Confidential.
 * The document is the property of "CUBIC" and may not be disclosed
 * distributed, or reproduced without the express written permission of
 * "CUBIC".
 */

@charset "UTF-8";

html {
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding: 0;
}

header {
    width: 100%;
    /*height: 100px;*/
    background-color: #052242;
    color: white;
}

main {
    /*display:flex;*/
    /*flex-flow: column;*/

    /*align-content: center;*/
    /*justify-content: center;*/
    /*height: 100%;*/
    /*width:100%;*/
    flex: 1;
}

.h2 {
    color: rgb(51, 51, 51);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px;
    margin-bottom: 10px;
    margin-top: 20px;
    padding-bottom: 20px;
}

footer {
    margin: 0;
    width: 100%;
    background-color: #052242;
    height: 35px !important;
    color: #0BB8F7;
}

.notapplicable {
    font-variant: all-small-caps;
    color: lightgrey;
}

/*
    used to do a left right center layout
    Goes on the outer div.
    +----------+----------+----------+
    |Left      |  Center  |     Right|
    +----------+----------+----------+
 */
.lrcbar {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

.lrcbar .left {
    flex: 1; /* shorthand for: flex-grow: 1, flex-shrink: 1, flex-basis: 0 */
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.lrcbar .center {

    text-align: center
}
.lrcbar .right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.required:before { content:"* ";color: red; }

.no-border {
    border: 0 none !important;
}

.no-border .ui-panelgrid-cell {
    border: 0 none !important;
}
.no-border>.ui-datagrid,
.no-border>.ui-datagrid-content,
.no-border>.ui-datagrid-data {
    border: none !important;
}



.test-body {
    display: flex;
    flex-direction: column;
}

.pass-sv {
    background: rgba(15, 255, 16, 0.16);
}

.sv-button {
    border-radius: 5px;
    border: 2px solid #7e7b6d;
    background: rgba(15, 255, 16, 0.16);
    padding-left: 2px;
    padding-right: 2px;
    margin: 6px;
    min-width: 150px;
    height: 80px;
    /*-webkit-box-shadow : 2px 2px 2px 0px rgba(0, 0, 0, 0.75);*/
    /*-moz-box-shadow    : 2px 2px 2px 0px rgba(0, 0, 0, 0.75);*/
    /*box-shadow         : 2px 2px 2px 0px rgba(0, 0, 0, 0.75);*/
}

.sv-price-container {
    float: right !important;
    /*float:left;*/
    /*height:100%;*/
    /*width:60%;*/
}

.sv-price {
    vertical-align: middle;
    /*text-align: right;*/
    font-weight: bolder;
    padding-right: 5px;
    font-size: 48px;
}

/*
    The standard container for views in the system.
 */
.content {
    /*display: flex;*/
    /*flex-grow: 1;*/
    /*flex-direction: column;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    height: 100%;
    /*padding : 20px;*/
}

/*
    Takes up all the available room.  Usefull for centering
 */
/*.whole-thing {*/
/*width: 100%;*/
/*height: 100%*/
/*}*/

/*
    Centers vertically and horizontally
 */
.both-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.vertical-center {
    display: flex;
    align-items: center;
}

/*
    Merchant style
 */
.dlrk-light {
    color: #0BB8F7
}

.dlrk-dark {
    color: #052242
}

.dlrk-dark-bg {
    background-color: #052242
}

.dlrk-light-bg {
    background-color: #0BB8F7;
}

.wordwrap {
    white-space: pre-wrap; /* CSS3 */
    word-wrap: break-word;
}

.hr {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

/*
    Some simple helpers
 */
.padLeft20 {
    padding-left: 20px;
}

.padRight20 {
    padding-right: 20px;
}

.padTop20 {
    padding-top: 20px;
}

.padBottom20 {
    padding-bottom: 20px;
}

.h-pad-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.h-pad-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.no-account-banner {
    text-align: center;
    color: #e3e3e3;
    font-style: italic;
    font-size: 24px;
    margin: 10px 0px;

}

.empty-message {
    text-align: center;
    color: #b6b6b6;
    font-style: italic;
    font-size: 24px;
}

.title {
    font-size: 48px;
    font-weight: bold;
}

.subtitle {
    font-size: 20px;
    line-height: 1;
    margin: 20px 5px 20px 5px;
}

.code {
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
}

.half-width {
    width: 50%;
}

.rows-of-centered-columns {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    width: 100%;
}

.user-header-user-passes {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top:10px

}

/*.user-container {*/
/*display: flex;*/
/*width: 100%;*/
/*flex-direction: row;*/
/*flex-wrap: nowrap;*/
/*justify-content: space-between;*/
/*}*/

.top-column-layout {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
    width: 90%;
    height: 100%;
    margin: auto;
    padding-top: 20px;
}

.centered-column-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: auto;
}

/**
    Top bar stuff
 */

.index-topbar {
    justify-content: center !important;
}

.topbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 100px;
    background-color: #052242;
}

.topbar .left {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;

    padding-left: 30px;
    width: 33%;
}

.topbar .title {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.topbar .btn {
    height: 55px;
    font-size: large;
    vertical-align: middle;
    background-color: white;
    color: black;
}

.topbar .logo {
    max-height: 90px;
}

/**
   Right under the top bar is the admin bar
 */

.adminbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /*height: 100px;*/
    /*border: 1px solid #052242;*/
    border-top: 5px solid orange;
    background-color: #052242;
    color: white;
    padding: 5px;
    font-size: large;
    line-height: inherit;
}

.adminbar .item-label {
    font-weight: bold;
    padding-left: 40px;
    padding-right: 10px;
}

.adminbar .item {
    padding-right: 40px;
    padding-left: 10px;
}

/**
 Fat finger stuff
 */
.big-btn {
    font-size: 24px;
    font-weight: normal;
    line-height: 2.50;
    vertical-align: middle;
    /*1.42857143;*/
}

.large-btn {
    font-size: 24px;
    font-weight: normal;
    line-height: 2.50;
    vertical-align: middle;
    /*1.42857143;*/
}

.sv-payment-button {
    font-size: 20px;
    height: 74px;
    line-height: 60px;
}

.ui-button.btn-warning,
.btn-warning {
    color: #fff !important;
    background-color: #f08d07;
    border-color: #eea236;
}

.ui-button.btn-alert,
.btn-alert {
    color: #fff !important;
    background-color: #de1414;
    border-color: #d41e1e;
}

.ui-button.btn-alert:hover,
.btn-alert:hover {
    color: #fff !important;
    background-color: #b11111;
    border-color: #9a1616;
}

.btn-disabled {
    color: #fff !important;
    background-color: #aaaaaa;
    border-color: #bdbdbd;

}

.ui-menu .ui-separator {
    background: #A8A8A8;
    border: none;
    width: 1px;
    clear: none;
    height: 22px;
    margin: 4px 6px 0;
    box-shadow: none;
}

.report-tool-panel .ui-panel-titlebar {
    font-size: 30px;
}

.label-wrapped-grey-button-style {
    color: #fff !important;
    word-wrap: break-word !important;
    background-color: #aaaaaa;
    border-color: #bdbdbd;
    height: 73px;
    width: 192px;
    font-size: 24px;
    text-align: center;
}

.label-wrapped-blue-button-style {
    color: #fff !important;
    word-wrap: break-word !important;
    background-color: #052242;
    border-color: #46b8da;
    height: 73px;
    width: 192px;
    font-size: 24px;
    text-align: center;
    text-decoration: none !important;
}

.label-wrapped-blue-button-style:hover {
    color: #fff;
    background-color: #05538b;
    border-color: #269abc;
}

.switch-button-style
{
    height: 27px !important;
    width: 52px !important;
    font-size: 23px !important;
}

/*

    DLRK dark button
    after: bootstrap buttons

 */
body .ui-widget:not(.pi), body .ui-widget .ui-widget:not(.pi).btn-dlrk-dark {
    font-size: 24px;
    line-height: 2.50;
}

body .ui-widget:not(.pi), body .ui-widget .ui-widget:not(.pi).btn-disabled-dark {
    font-size: 24px;
    line-height: 2.50;
}

.ui-button.btn-dlrk-dark {
    background-color: #052242;
    border-color: #46b8da;
    padding-top: 6px;
    padding-bottom: 6px;
}
.ui-button.btn-dlrk-dark:hover {
    background-color: #055189;
    border-color: #1b6d85;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 24px;
    line-height: 2.50;
}
.btn-dlrk-dark {
    color: #fff !important;
    background-color: #052242;
    border-color: #46b8da;
}
.btn-dlrk-dark:focus,
.btn-dlrk-dark.focus {
    color: #fff;
    background-color: #055189;
    border-color: #1b6d85;
}
.btn-dlrk-dark:hover {
    color: #fff;
    background-color: #05538b;
    border-color: #269abc;
}
.btn-dlrk-dark:active,
.btn-dlrk-dark.active,
.open > .dropdown-toggle.btn-dlrk-dark {
    color: #fff;
    background-color: #052242;
    border-color: #269abc;
}
.btn-dlrk-dark:active:hover,
.btn-dlrk-dark.active:hover,
.open > .dropdown-toggle.btn-dlrk-dark:hover,
.btn-dlrk-dark:active:focus,
.btn-dlrk-dark.active:focus,
.open > .dropdown-toggle.btn-dlrk-dark:focus,
.btn-dlrk-dark:active.focus,
.btn-dlrk-dark.active.focus,
.open > .dropdown-toggle.btn-dlrk-dark.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}
.btn-dlrk-dark:active,
.btn-dlrk-dark.active,
.open > .dropdown-toggle.btn-dlrk-dark {
    background-image: none;
}
.btn-dlrk-dark.disabled:hover,
.btn-dlrk-dark[disabled]:hover,
fieldset[disabled] .btn-dlrk-dark:hover,
.btn-dlrk-dark.disabled:focus,
.btn-dlrk-dark[disabled]:focus,
fieldset[disabled] .btn-dlrk-dark:focus,
.btn-dlrk-dark.disabled.focus,
.btn-dlrk-dark[disabled].focus,
fieldset[disabled] .btn-dlrk-dark.focus {
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-dlrk-dark .badge {
    color: #5bc0de;
    background-color: #fff;
}


/* for inline in items */
.medium-btn {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.75;
    vertical-align: middle;

}

.delete-btn {
    border: 2px solid red;
}

/*
    Form development styles

    supports :
                      +---------------+
         Field Label: |  input field  |
                      +---------------+
                      +---------------+
     2nd Field Label: |  input field  |
                      +---------------+

     Style forms


 */
.big-form {
    display: flex;
    align-items: center;
    align-content: space-between;
    /*justify-content: flex-end;*/
    /*width: 40em;*/
}

.big-form-button {
    background-color: #052242;
    color: #ffffff !important;
    padding: 10px 40px;
}

.big-form-row {
     display: flex;
    justify-content: flex-end;
    align-items: center;

}

.big-input-label {
    /*width: 50%;*/
    padding: 10px 16px 20px 16px;
    font-size: 24px;
    vertical-align: top;
    text-align: right;
    white-space: nowrap;
}

.big-input {
    width: 15em;
    padding: 10px 16px;
    font-size: 24px;
    border-radius: 6px;
    vertical-align: middle;
}

.birthdate-input input{
    width: 362px !important;
    border-radius: 6px !important;
    vertical-align: middle;
    padding: 0 13px;
    font-size: 23px !important;
    border-top-width: 2px;
    border-left-width: 2px;
}

.big-input-whole-width {
    width: 100%;
    padding: 10px 16px;
    font-size: 24px;
    border-radius: 6px;
    vertical-align: middle;
}

hr {
    width: 100%;
    border: 0;
    height: 2px;
}

/*
    User area of the purchase screen
 */
.user-container {
    display: flex;
    align-items: center;
    padding: 20px;
    /*align-content   : center;*/
    justify-content: space-between;
    /*padding         : 20px 20px 10px 20px;*/
}

.user-pass-container, .wrap_children {
    display: flex;
    align-items: center;
    align-content: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 10px;
}

.user-label {
    font-size: 20px;
    font-weight: 900;
    padding: 5px;
}

.user-data {
    font-size: 18px;
    padding: 5px;
}

/**
        Footers
 */
.footer-main {
    padding: 10px 5px;
    color: #0BB8F7;
    background-color: #052242;
}

.footer-main .footer-logo {
    margin-bottom: 2px;
}

.footer-main a {
    color: #fff;
    font-size: inherit;
    line-height: inherit;
}

@media (min-width: 768px) {
    .push, footer {
        height: 60px;
    }
}

.welcome-blurb {
    width: 400px;
    padding: 3px;
    color: #515151;
}

.menubar {
    padding: 15px;
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

/*
    Tricks from : https://codepen.io/bootstrapped/pen/KwYGwq
 */
.navbar-brand {
    padding: 0;
}

.navbar-brand > img {
    height: 100%;
    padding: 15px;
    width: auto;
}

/*.navbar-brand {*/
/*height : 80px;*/
/*}*/

.nav > li > a {
    padding-top: 30px;
    padding-bottom: 30px;
}

.navbar-toggle {
    padding: 10px;
    margin: 25px 15px 25px 0;
}

.brand-centered {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.brand-centered .navbar-brand {
    display: flex;
    align-items: center;
}

.brand-centered img {
    max-height: 50px;
    width: auto;
}

/*
    These are on the left side of the header topbar
 */
.agency-logo {
    max-height: 80px;
    vertical-align: middle;
}

.header-agency {
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
}

.header-user {
    font-size: 14px;
    font-weight: bold;
}

.stored-value {
    font-size: 38px;
    font-weight: bold;
    padding: 10px;
    vertical-align: middle;
}

.product-button {
    border-radius: 5px;
    border: 2px solid #7e7b6d;
    padding-left: 2px;
    padding-right: 2px;
    margin: 6px;
    min-width: 220px;
    min-height: 100px;
    /*-webkit-box-shadow : 2px 2px 2px 0px rgba(0, 0, 0, 0.75);*/
    /*-moz-box-shadow    : 2px 2px 2px 0px rgba(0, 0, 0, 0.75);*/
    /*box-shadow         : 2px 2px 2px 0px rgba(0, 0, 0, 0.75);*/
}

.product-button .disabled {
    background-color: #8FA4B2;
}

.benefit-code-btn {
    display: flex;
    flex-flow: column;
    /*   align-items     : center; */
    justify-content: space-between;
    color: #0A0A0A !important;
    background-color: #beecb4;
}

.benefit-code-btn > .name {
    /*width        : 100%;*/
    line-height: 1;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
}

.benefit-code-btn > .description {
    padding: 4px 5px 2px 5px;
    text-align: left;
    font-style: oblique;
    flex-grow: 2;
}

.benefit-code-btn > .type {
    text-align: right;
    padding-right: 3px;
    font-weight: bold;
}

.issue {
    background-color: white;
}

.offer {
    background-color: #c1e2b3;
}

.very-big-btn {
    min-width: 280px;
    height: 100px;
    border: 2px solid grey;
    border-radius: 9px;
    text-decoration: none;
}

.very-big-button:hover {
    text-decoration: none;
}

.product-program-btn {
    min-width: 280px;
    height: 100px;
    border: 2px solid grey;
    border-radius: 9px;
    color: #ffffff !important;
    background-color: #2e8540 !important;
    text-decoration: none;
}

.product-program-btn:hover {
    background-color: #2e8540 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.pass-product-icon {
    padding: 2px 5px 2px 5px;
}

.pass-product-name {
    /*width        : 100%;*/
    line-height: 1;
    padding-left: 5px;
    font-size: 24px;
    font-weight: bold;
    text-align: left;

}

.pass-product-price {
    text-align: right;
    font-weight: bold;
    padding-right: 5px;
    font-size: 24px;
}

.merchant-bold {
    font-weight: bold;
}

.user-pass-product-data {
    line-height: 1;
    padding-left: 5px;
    font-size: 20px;
    text-align: left;
}

.purchased-product-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    border-radius: 3px;
    /*border-bottom: 0.5px solid grey;*/
    /*border-right: 0.5px solid grey;*/
    padding-left: 4px;
    padding-right: 4px;
    margin: 6px;
}

.purchased-pass-product {
    /*display         : flex;*/
    /*justify-content : space-between;*/
    /*flex-direction  : column;*/
    /*align-items     : center;*/

}

.collect-product-price {
    text-align: right;
    font-weight: bold;
    padding-left: 10px;
    font-size: 18px;
}

.short-description {
    text-align: right;
    font-style: italic;
    font-size: 18px;
    padding: 2px 10px 2px 10px;
}

.collect-short-description {
    padding-left: 5px;
}

.pass-owned {
    /*background   : #a6a6a6 !important;*/
    border: 6px solid black;

}

.pass-calendar {
    background: rgba(254, 255, 18, 0.15)
}

.pass-trip {
    background: rgba(255, 0, 1, 0.15)
}

.pass-time {
    background: rgba(28, 139, 255, 0.15)
}

.pass-sv {
    background: rgba(15, 255, 16, 0.16)
}

.sv-price {
    vertical-align: middle;
    text-align: right;
    font-weight: bold;
    padding-right: 5px;
    font-size: 40px;
}

.qty-container {
    height: 100%;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

.opacity_10 {
    opacity: 0.1;
    filter: alpha(opacity=10)
}

.opacity_20 {
    opacity: 0.2;
    filter: alpha(opacity=20)
}

.total-container {
    width: 100%;
    padding-top: 20px;
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.total-price {
    text-align: right;
    font-weight: bold;
    padding-right: 32px;
    width: 100%;
    font-size: 40px;
    text-wrap: none;
    /*flex:1;*/
}

.collect-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;

}

.cart-item-container {
    border: 3px solid black;
    border-radius: 6px;
    margin: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    align-content: flex-start;
    justify-content: space-between;
    width: 100%;
}

.card-container {
    background-color: cornsilk;
}

.action-button-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.payment-container {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}

.payment-button {
    /*flex:1;*/
    width: 170px;
    margin-right: 20px;
}

.payment-button-disabled,
.payment-button-disabled:hover,
.payment-button-disabled:active {
    color: #fff !important;
    background-color: #aaaaaa;
    border-color: #bdbdbd;
}

.space-container {
    margin-top: auto;
    margin-bottom: auto;
}

/*
    Form, Login etc
 */
/* enable absolute positioning */
.inner-addon {
    position: relative;
}

/* style glyph */
.inner-addon .fa {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

/* align glyph */
.left-addon .fa {
    left: 0;
}

.right-addon .fa {
    right: 0;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}

.row-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.centering-container {
    height: 100%;
    width: 90%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.dashboard-message {
    padding-top: 10px;
    text-align: right;
    font-size: larger;
    color: #2aabd2;
    font-weight: bolder;
}

.modify-count {
    color: white;
    background-color: #052242;
    border-color: inherit;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    margin: 5px
}

.modify-count[disabled] {
    background-color: lightgrey !important;
    border-color: lightgrey !important;
}

/*   Icon badging    */
.icon-wrapper {
    position: relative;
    float: left;
    background: #cceeff;
    padding: 6px;
    border-radius: 6px;
}

.badge-icon {
    width: 100px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

.badge {
    /*background    : red;*/
    background: transparent;
    color: black;
    font-size: 28pt;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: auto;
    height: auto;
    margin: 0;
    border-radius: 10%;
    position: absolute;
    top: 8px;
    right: 11px;
    padding: 7px;
}

/* END BADGING */

.fare-code-btn {
    flex-grow: 1;
    min-width: 150px;
    margin-left: 10px;
    margin-right: 10px;
    color: #fff !important;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.fare-code-inset {
    font-size: 14px;
    text-align: right;
    line-height: 30px;
}

.bottom-menu {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
    padding: 10px;
}

.existing-container {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    padding: 20px;
}

/* This is a fix for PF */
.ui-icon {
    text-indent: 0;
}

/*  Begin Benefit Real Stuff */

.benefit {
    min-width: 400px;
    display: flex;
    flex-direction: column;
}

.benefit-code-display {
    width: 350px;
    height: 52px;
    text-align: center;
    border: 1px solid #adadad;
    background-color: #ececec;
    border-radius: 3px;
    font-family: "Courier New", monospace;
    font-size: 36px;
    font-weight: bold;

}

.benefit-code-area {
    display: flex;
    justify-content: center;
}

.benefit > .section {
    /*background-color: whitesmoke;*/
    padding-bottom: 12px;
    /*border-bottom: 0.5px solid grey;*/
}

.benefit > .section p {
    font-size: 18pt;
    font-weight: bold;
    color: #0A0A0A;
    margin-top: 5px;

}

.benefit .definition {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-size: 12pt;
}

.benefit-label {
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    color: black;
    width: 33%
}

.benefit-text {
    color: darkslategrey;
    width: 66%;
    padding-left: 5px;
}

.benefit .buttons {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
}

.error-code {
    background-color: #dddddd;
    color: black;
    font-family: "Courier New", monospace;
    font-weight: bold;
    margin-right: 10px;
}

.mv-std-error-container {
    background-color: #f5e79e;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 20px;
    border-radius: 6px;
    color: darkblue;
    /*font-size: 2em;*/
}

.mv-std-error-container .title {
    text-align: center;
    text-decoration: underline;
    font-weight: bold;
    width: 100%;
    color: darkblue;
    margin: 10px;
    font-size: 1.5em;
}

.mv-std-error {
    margin: 20px;
    border-radius: 6px;
    color: darkblue;
    font-size: 1.5em;
}

.row-of-buttons {
    display:flex;
    
}

/**
    Straight dupe of the one in ams
 */
.ams-auto-table.ui-datatable table {
    width: auto;
}

select.menuClass {
    font-size: 13px;
    height: 20px;
    width: 156px;
    border: 0px;
    border-radius: 3px;
    color: #303030;
}

a[data-pf-lts='12'] {
    height:0;
    margin-top: -100px;
}