/* --------- START MAIN CONTENT --------- */

body {
    /* This is the font in the Meridian parent site */
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

a         { color: #285e8e; text-decoration: none; }
a:hover   { color: #285e8e; text-decoration: underline; }

a.no-decoration,
a.no-decoration:hover,
a.no-decoration:active {
    text-decoration: none;
}

textarea { resize: none; }

input[readonly],
textarea[readonly] {
    background-color: #ffffff !important;
    cursor: default !important;
}

.print-only { display: none; }

.card-image { background: #f9f8f8 url(/img/icons/credit-card-blank-gray.png) no-repeat 99% 50% !important; }
.card-image.visa { background: #f9f8f8 url(/img/icons/visa_small.png) no-repeat 99% 50% !important; }
.card-image.amex { background: #f9f8f8 url(/img/icons/amex_small.png) no-repeat 99% 50% !important; }
.card-image.mastercard { background: #f9f8f8 url(/img/icons/mastercard_small.png) no-repeat 99% 50% !important; }
.card-image.discover { background: #f9f8f8 url(/img/icons/discover_small.png) no-repeat 99% 50% !important; }

.cvv { background: #f9f8f8 url(/img/icons/credit_small.png) no-repeat 97% 50% !important; }

.question { font-weight: bold; }

.bold { font-weight: bold; }

.list-padding { padding-left: 20px; }
.sublist-padding { padding-left: 30px; }

.paywith {
    padding: 12px 12px 0 0;
    margin: 0;
    font-weight: bold;
}

.no-border { border: 0; }

.no-gutter { padding-right: 0; padding-left: 0; }

/*.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}*/

.no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.link-disabled { cursor: not-allowed; }

.placeholder { color: #aaaaaa; }

.input-static,
.input-static:focus,
.input-static:active {
    border: 0;
    box-shadow: none;
    height: 30px;
    padding: 0;
    margin-left: -10px;
    font-size: 12px;
    line-height: 1.5;
}

.status-msg-icon {
    vertical-align: top;
    padding-right: 5px;
    display: table-cell;
}


.status-msg-text {
    vertical-align: top;
    padding-left: 5px;
    display: table-cell;
}

/* --------- END MAIN CONTENT --------- */


/* --------- START FOOTER CONTENT --------- */

footer {
    padding-top: 10px;
    font-size: 12px;
    margin-top: 40px;
    margin-bottom: 20px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #20a1dd;
    text-align: center;
}

footer a { color: #20a1dd; }

/* --------- END FOOTER CONTENT --------- */

/* --------- START RECEIPT CONTENT --------- */

.receipt {
    font-family: 'Lucida Fax', 'Lucida Sans Unicode', sans-serif, 'Microsoft Sans Serif';
    font-size: 12px;
    width: 220px;
}

.table-trans-info,
.table-total-info,
.host-response-info,
.emv-tag-list {
    margin-left: 10px;
    padding: 0;
}

.receipt td {
    padding: 0;
    vertical-align: top;
}

.receipt-merchant-info,
.receipt-trans-status,
.receipt-agree-info,
.receipt-signature-not-needed,
.receipt-salutation {
    text-align: center;
}

.receipt-subtotal,
.receipt-fee,
.receipt-total {
    text-align: right;
}

.receipt-total-separator {
    border-top: 1px dashed #000000;
    vertical-align: bottom;
    padding-top: 2px !important;
}

/*.receipt-signature { background: url(/img/SignatureLine.png) no-repeat; }*/

/* --------- END RECEIPT CONTENT --------- */

/* --------- START BOOTSTRAP OVERRIDES --------- */

.jumboTronAlert {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

input.form-control,
select.form-control {
    background-color: #f9f8f8;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  margin-top: 10px;
  margin-bottom: 5px;
}

.has-error input { border-width: 2px; }
.has-error select { border-width: 2px; }
.has-error checkbox { border-width: 2px; }

hr { margin-top: 0px; margin-bottom: 10px; }

.feeDescription { padding-bottom: 10px; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    margin-left: 0;
}

.radio label,
.checkbox label {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px;
}

/* GET RID OF ALL THE ELEMENT ROUNDED CORNERS */

* {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}


/* PANELS */
.panel-heading-small { padding: 2px 8px; }

.panel-credit {
  border-color: #428bca;
  background-color: #F8FCFE;
}
.panel-credit > .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-debit {
  border-color: #5cb85c;
  background-color: #F9FCF8;
}
.panel-debit > .panel-heading {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.panel-visa-debit {
  border-color: #f0ad4e;
  background-color: #FEFCF5;
}
.panel-visa-debit > .panel-heading {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}


/* ALERTS */
.alert > p,
.alert > ul {
    margin-bottom: 0;
    padding-left: 20px;
}

.alert-xs { padding: 7px; }
.alert-sm { padding: 10px }

.alert-danger-image { padding-left: 60px; background-image: url("/img/error.png"); background-repeat: no-repeat; background-position: 15px 10px ; }
.alert-info-image { padding-left: 60px; background-image: url("/img/info.png"); background-repeat: no-repeat; background-position: 15px 15px; }
.alert-success-image { padding-left: 60px; background-image: url("/img/success.png"); background-repeat: no-repeat; background-position: 15px 10px; }
.alert-warning-image { padding-left: 60px; background-image: url("/img/warning.png"); background-repeat: no-repeat; background-position: 15px 15px; }

/* New alert types */
.alert-tip { border: 1px solid #c77d10; color: #c77d10; background:#f9d69e; }
.alert-secure { border: 1px solid #9638f1; color: #9638f1; background:#e5cefc; }
.alert-message { border: 1px solid #000; color: #000; background:#efefef; }
.alert-download { border: 1px solid #04b5eb; color: #04b5eb; background:#f7f7f7; }
.alert-purchase { border: 1px solid #426164; color: #426164; background:#c2e1e3; }
.alert-print { border: 1px solid #3c4b5e; color: #3c4b5e; background:#c8d9e3; }

.alert-tip-image { padding-left: 60px; background-image: url('/img/tip.png'); background-repeat: no-repeat; background-position: 15px 15px}
.alert-secure-image { padding-left: 60px; background-image: url('/img/secure.png'); background-repeat: no-repeat; background-position: 15px 15px}
.alert-message-image { padding-left: 60px; background-image: url('/img/message.png'); background-repeat: no-repeat; background-position: 15px 15px}
.alert-download-image { padding-left: 60px; background-image: url('/img/download.png'); background-repeat: no-repeat; background-position: 15px 15px}
.alert-purchase-image { padding-left: 60px; background-image: url('/img/purchase.png'); background-repeat: no-repeat; background-position: 15px 15px}
.alert-print-image { padding-left: 60px; background-image: url('/img/print.png'); background-repeat: no-repeat; background-position: 15px 15px}

/* TOOLTIPS -- DANGER, INFO, SUCCESS, WARNING */

/* tooltip-danger */
.tooltip-danger + .tooltip .tooltip-inner {
    background-color: #a94442;
    border-color: #a94442;
}

.tooltip-danger + .tooltip.top .tooltip-arrow,
.tooltip-danger + .tooltip.top-left .tooltip-arrow,
.tooltip-danger + .tooltip.top-right .tooltip-arrow {
    border-top-color: #a94442;
}

.tooltip-danger + .tooltip.bottom .tooltip-arrow,
.tooltip-danger + .tooltip.bottom-left .tooltip-arrow,
.tooltip-danger + .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #a94442;
}

.tooltip-danger + .tooltip.right .tooltip-arrow {
    border-right-color: #a94442;
}

.tooltip-danger + .tooltip.left .tooltip-arrow {
    border-left-color: #a94442;
}

/* tooltip-info */
.tooltip-info + .tooltip .tooltip-inner {
    background-color: #31708F;
    border-color: #31708F;
}

.tooltip-info + .tooltip.top .tooltip-arrow,
.tooltip-info + .tooltip.top-left .tooltip-arrow,
.tooltip-info + .tooltip.top-right .tooltip-arrow {
    border-top-color: #31708F;
}

.tooltip-info + .tooltip.bottom .tooltip-arrow,
.tooltip-info + .tooltip.bottom-left .tooltip-arrow,
.tooltip-info + .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #31708F;
}

.tooltip-info + .tooltip.right .tooltip-arrow {
    border-right-color: #31708F;
}

.tooltip-info + .tooltip.left .tooltip-arrow {
    border-left-color: #31708F;
}

/* MODALS */

.modal-header {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    background-color: #285e8e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
 }

.modal-header > h4 { color: #ffffff; display: inline; }

.modal-header .close { color: #fff; opacity: 1; }

.modal-footer { border-top: 1px solid #285e8e; }

.modal-header-danger { background-color: #a94442; }

.modal-footer-danger { border-top: 1px solid #a94442; }

.modal-footer-danger > .btn-confirm {
    background-color: #b15553;
    border-color: #a94442;
    color: #ffffff;
}

.modal-footer-danger > .btn-confirm:hover,
.modal-footer-danger > .btn-confirm:focus,
.modal-footer-danger > .btn-confirm:active,
.modal-footer-danger > .btn-confirm.active {
    color: #ffffff;
    background-color: #a94442;
    border-color: #a94442;
}

/* TABLES */

.table-no-border>thead>tr>th, 
.table-no-border>tbody>tr>th, 
.table-no-border>tfoot>tr>th, 
.table-no-border>thead>tr>td, 
.table-no-border>tbody>tr>td, 
.table-no-border>tfoot>tr>td {
    border-top: none; 
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 1px;
}

/*.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #d9edf7;
}*/

/*table .collapse.in {
    display: table-row !important;
}*/

/* INPUT GROUPS */

.input-group-addon.primary {
    color: #ffffff;
    background-color: #3071a9;
    border-color: #285e8e;
}

.input-group-addon.success {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.input-group-addon.info {
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.input-group-addon.warning {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.input-group-addon.danger {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

/* WELLS */
.well-xs {
    padding: 4px;
    border-radius: 3px;
}

.well-info {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
}

.well-success {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
}

.well-warning {
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
}

/* --------- END BOOTSTRAP OVERRIDES --------- */


/* --------- START MEDIA QUERIES --------- */

@media print {
    button,
    input[type=submit],
    input[type=button] {
        /*margin-top: -10px;*/
        visibility: hidden;
    }

    #pnlReceiptContent {
        margin-top: -50px;
        font-size: 10px;
    }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    #imgLogo { width: 150px; padding-left: 3px; }
    body { font-size: 12px; }
    h3 { font-size: 18px; }
    h4 { font-size: 14px; }
    #imgStatusMsgIcon { font-size: 1.5em; }
    footer { width: 95%; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px) {
    .table-responsive .dropdown-menu,
    .table-responsive .dropdown-toggle {
        /*position: static !important;*/
    }

    .table-responsive {
        /*border: 1px solid #ddd;*/
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: auto;
        width: 100%;
    }

    .table-responsive > .table {
        margin-bottom: 0;
    }

    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }

}

@media only screen and (max-width: 279px) {
   .cvv { background-image: none !important; }
   #imgVisa { visibility: hidden; }
   #imgMasterCard { visibility: hidden; }
   #imgDiscover { visibility: hidden; }
   #imgAmex { visibility: hidden; }
}

@media only screen and (max-width: 381px) {
   #pnlPaymentTypes > img { width: 30px; height: 18px; }
}

@media only screen and (max-width: 396px) {
   #imgCreditCard { display: none; }
   #imgBank { display: none; }
}

/* --------- END MEDIA QUERIES --------- */

/* --------- START SCROLLING MODAL POPUP*/
.scrollDialog {
    overflow-y: initial !important;
}

.scrollModal {
    height: 250px;
    overflow-y: auto;
}