/*
  Mea Universal WebClient Product Page Layout
*/
/*#region MeaUniversal */
#mea_univ_emails_wrapper {
  width: 75%;
  border: 1px solid rgba(9, 9, 9, 0.125);
  border-radius: 1em;
}
/*#endregion*/

/*#region eDocAccess */
.mea-edoc-documents {
  width: 100%;
  padding: 10px;
}
.mea-edoc-documents hr {
  border: 2px solid #2e476f;
  margin-top: 5px;
  margin-bottom: 5px;
}
.mea-edoc-documents-accts div {
  font-weight: bold;
}
#mea_edoc_documents_detail {
    padding-left: 53px;
}
.mea-dt-cont.mea-edoc-documents-cont {
  padding: 0 10px 10px 10px;
}
.mea-edoc-preferences-buttons {
  padding: 5px;
  padding-bottom: 0;
  padding-left: 10px;
}
.mea-edoc-preferences-docs {
  width: 75%;
  border: 0;
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
}
.mea-edoc-preferences-emails {
  width: 75%;
  border: 1px solid rgba(9, 9, 9, 0.125);
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
}
/*#endregion*/

/*#region MeaLink - details */
.mea-link-acctselect {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.mea-link-acctselect hr {
    border: 2px solid #2e476f;
    margin-top: 0;
    margin-bottom: 5px;
}
.mea-link-details-form {
    padding-left: 10px;
    padding-right: 10px;
}
.mea-link-details-cont {
    width: 100%;
    padding: 10px;
    border: 1px solid gray;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1.5, #fff));
    border-radius: 5px;
}
.mea-link-details-cont hr {
  border: 2px solid #2e476f;
  margin-top: 5px;
  margin-bottom: 5px;
}
.mea-link-details-cont table {
    width: 100%;
}
.mea-link-details-cont table tr td {
  padding: 4px 4px;
}
.mea-link-details-acct-select div {
  font-weight: bold;
}
div.mea-link-details-paybtn {
  padding-top: 5px;
}
.mea-link-details-paybtn input {
  color: #fff;
  margin: 0 auto;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, green), color-stop(1.5, #fff));
  width: auto;
}
.mea-link-details-pastdue {
  margin-top: 4px;
  color: red;    
  width: 100%;
}
.MinPmtWithPastDue-value {
  color: red;
}
.mea-link-details-header {
    width: 100%;
    font-size: 24px;
    color: #006890;
    padding-bottom: 5px;
}
.mea-link-details-label {
    width: 55%;
    white-space: nowrap;
}
.mea-link-details-label div {
    width: 100%;
    text-align: left;
}
.mea-link-details-value {
    width: 45%;
    white-space: nowrap;
}
.mea-link-details-value div {
    width: 100%;
    text-align: right;
}
.mea-link-details-btn {
    padding-left: 0;
    padding-top: 2px;
    width: 100%;
    text-align: center;
}
.mea-taxid6 {
    text-align: center;
    width: 80px;
    min-width: 80px;
}
.mea-cc {
    text-align: center;
    width: 195px;
    min-width: 195px;
}
.mea-dd-activate-month,
.mea-dd-activate-year {
    display: inline;
}
.mea-dd-activate-month > .selectize-input {
    float: left;
    width: 80px;
    min-width: 80px;
}
.mea-dd-activate-year > .selectize-input {
    float: left;
    width: 100px;
    min-width: 100px;
}
/*#endregion*/
/*#region MeaLink - transaction filters*/
.mea-link-trans-filters {
    padding: 10px 10px 0 10px;
    white-space: nowrap;
    width: 100%;
}
.mea-link-trans-filters-header {
  background-color: #002663;
  padding: 5px;
  font-size: 18px;
  width: 100%;
  color: #fff;
}
.mea-link-trans-filters-content {
  padding: 5px; 
}
.mea-link-trans-filters-content table {
  width: 100%;
}
.mea-link-trans-filters-content tr th {
  font-size: 15px;
  width: 100%;
  color: #006890;
}
.mea-link-trans-filters .stmt-select {
  padding: 5px;
}
.mea-link-trans-filters .card-select {
  padding: 5px;
}
/*#endregion*/
/*#region MeaLink - transaction*/
.mea-dt-cont.mea-link-trans-dt-cont {
  padding: 0px 10px 10px 10px;  
  border-radius: 5px;
  font-size: 12px;
}
.mea-link-trans-dt-amt-neg {
  color: red;
}
.mea-link-trans-filters-content .stmt-select.selectize-control,
.mea-link-trans-filters-content .stmt-select .selectize-input {
    max-width: 200px;
    min-width: 200px;
    width: 200px;
}
/*#endregion*/
/*#region MeaLink - payments */
.mea-dt-cont.mea-link-payments-cont {  
  padding-top: 10px;
}
/*#endregion*/
/*#region MeaLink - statements */
.mea-link-content .mea-dt-cont.mea-edoc-documents-cont {
    padding-top: 10px;
}
/*#endregion*/

/*#region MeaLink - Model Form*/
.mea-link-mdl-form {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding: 10px;
}
.mea-link-mdl-form input[type="text"],
.mea-link-mdl-form .selectize-input {
    width: 300px;
}
.mea-link-mdl-form table {
    width: 100%;
}
.mea-link-mdl-form .mea-readonly {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    transition: none;
}
@media screen and (max-width: 576px) {
    .mea-link-mdl-form {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding: 10px;
    }
    .mea-link-mdl-form label,
    .mea-link-mdl-form input[type="text"],
    .mea-link-mdl-form .selectize-input {
        width: 100%;
        white-space: nowrap;
    }
}
/*#endregion*/

/*#region MeaLink - payment*/
.mea-link-payment-header {
  font-size: 12px;
  width: 100%;
}
input.mea-link-payment-confirm {
  background-color: green;
  color: white;
}
input.mea-link-payment-confirm:hover {
    background-color: gainsboro;
    color: green;
}
/*#endregion*/
/*#region MeaLink - autopay*/
input.mea-link-autopay-confirm {
    background-color: green;
    color: white;
}
input.mea-link-autopay-confirm:hover {
    background-color: gainsboro;
    color: green;
}
.link-autopay-radio-group {
    border: 1px solid;
    border-color: lightgray;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.link-autopay-radio-group > .form-group {
    margin-bottom: 0px;
}
/*#endregion*/
/*#region MeaLink - cardmngt*/
.mea-link-cardmngt-edit input.form-control,
.mea-link-cardmngt-edit .selectize-input {
    width: 250px;
}    
/*#endregion*/
/*#region MeaLink - file download*/
.mea-link-file-cdate {
    margin-top: -7px;
    display: inline-block;
    float: left;
}
.mea-link-mdl-form .mea-link-file-cdate input {
    width: 100px;
}
.mea-link-file-cdate.mea-link-file-cdate-end {
    padding-left: 10px
}
/*#endregion*/

/*#region prodenroll*/
.mea-prodenroll-mdl-form {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding: 10px;
}

    .mea-prodenroll-mdlform input[type="text"],
    .mea-prodenroll-mdl-form .selectize-input {
        width: 300px;
    }

    .mea-prodenroll-mdl-form table {
        width: 100%;
    }

    .mea-prodenroll-mdl-form .mea-readonly {
        background-color: transparent;
        border: 0;
        box-shadow: none;
        transition: none;
    }

@media screen and (max-width: 576px) {
    .mea-prodenroll-mdl-form {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding: 10px;
    }

        .mea-prodenroll-mdl-form label,
        .mea-prodenroll-mdl-form input[type="text"],
        .mea-prodenroll-mdl-form .selectize-input {
            width: 100%;
            white-space: nowrap;
        }
}
/*#endregion*/