/* --------- START MAIN CONTENT --------- */
body{
    background-color: lightblue;
    margin-bottom: 60px;
}
html {
  position: relative;
  min-height: 100%;
}

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

textarea { resize: none; }

.amountText {   
    font-size:3.0em;    
    padding-bottom:20px;
    width: calc(100% - 2px); 
}


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

.hide-element { display: none; }

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

.cvv { background: 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;
}

.inner-padding{
    margin-left:10px;
    margin-right:10px;
}

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


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

.menu-footer {
	
    text-align: center;
    background-color: #195575;
    color:white; 
   
}


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

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

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  color:white;
}

.footer .rowheight{
    height:40px;
}
.footer a { color: white; }

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


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

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  margin-top: 5px;
  padding:0px;
  font-weight:lighter;
  
}

h1{
    font-size:20px;
    margin-left:10px;
    font-weight:bold;
}

h3{
    font-weight:bold;
    font-size:18px;
}

.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; }

.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-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 0px;
}

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

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

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

.navbar {
    border: 0px solid transparent;
    padding:10px;
    /*margin-bottom: -9999px;
    padding-bottom: 9999px;*/
    border-radius: 0 !important;   
}

.well {
    padding:0;
    background-color: #fff;
   /*moz-box-shadow:    inset 0 0 1px #808080;
   -webkit-box-shadow: inset 0 0 1px #808080;
   box-shadow:         inset 0 0 1px #808080;*/-
}

.container{
    width:100%;
    overflow:hidden;
}

.maincontent {   
    background-color:#ddd;
}


.row-padding {
    margin-right: -15px;
    margin-left: -15px;
    padding-top:20px;
    padding-bottom:20px;
}

table-responsive {
    white-space:unset;    
}

table td {
    font-size:14px;
}

table th{
    font-size:.90em;  
}

.text-primarydark{
   color: rgb(0, 93, 146);
}

/* Start client configurable */
.bg-primarydark{
   background-color: cadetblue;
   color:#fff;
}

.bg-footer1{
    background-color: cadetblue;
}

.bg-footer2{
    background-color: darkseagreen;
}

.bg-header-menu{
    background-color:darkgrey;
}

/* End client configurable */

.bg-white{
   background-color:white;
}

.bg-darkgray{
   background-color:silver;
}
.nav li.active{
    background-color:#ddd;
    font-weight:bold;
}

.nav li.active a{
    color:black;
    padding-left:25px;
}

.nav li.indent{
   
    font-weight:bold;
}

.nav li.indent a{
     color:black;
     padding-left:25px;
}

.nav-pillsdark > li.active > a, .nav-pillsdark > li.active > a:hover, .nav-pillsdark > li.active > a:focus {
        color: #fff;
        background-color: rgb(0, 93, 146);
    }

.navbar-collapse{
    padding-right: 0px;
    padding-left: 5px;
}

.table-width{
    width:100%;
}

.payment-header{
    line-height:40px;
    font-size:16px;
}

.bg-active {
    background-color: #ddd;
}

.modal-header-danger {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -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;
}

.badge-inverse {
    background-color:white;
    color:darkslategrey;

}

/* Load modal */
/*.loadModal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/img/loader2.gif') 
                50% 50% 
                no-repeat;
}

body.loading .loadModal {
    overflow: hidden;   
}

body.loading .loadModal {
    display: block;
}*/
/* End load modal*/

/*gridview*/
.table table  tbody  tr  td a ,
.table table  tbody  tr  td  span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
font-size:.85em;
}

.table table > tbody > tr > td > span {
z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}

.table table > tbody > tr > td:first-child > a,
.table table > tbody > tr > td:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.table table > tbody > tr > td:last-child > a,
.table table > tbody > tr > td:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

.table table > tbody > tr > td > a:hover,
.table   table > tbody > tr > td > span:hover,
.table table > tbody > tr > td > a:focus,
.table table > tbody > tr > td > span:focus {
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #ddd;
}

.table th {
   text-align:center;
}
/*end gridview */






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


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

@media print {
    button,
    input[type=submit] {
        visibility: hidden;
    }

    /*#tblCreditInfo,
    #tblBankInfo {
        margin: 0;
    }*/
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
     .amountText { font-size: 2.4em; }
}

/* 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) {
    /*#imgClientLogo { width: 300px; padding-left: 0px; }*/
    body { font-size: 12px; }
    h3 { font-size: 18px; }
    h4 { font-size: 14px; }
    #imgStatusMsgIcon { font-size: 1.5em; }
    footer { width: 95%; }
    .container-maincontent{background-color:white;}
    .table-responsive {border: 0px; font-size:12px;}
    .table-responsive td {border: 0px; font-size:12px;}
    .checkbox label { font-size:12px; font-weight:normal; }
     label { font-size:12px; font-weight:normal; }
     .footer .rowheight{height:100%;}
}

/* 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) {
     .checkbox label { font-size:12px; font-weight:normal; }
     label { font-size:12px; font-weight:normal; }
    .table-responsive .dropdown-menu,
    .table-responsive .dropdown-toggle {
        /*position: static !important;*/
    }

    .table-responsive {
        border: 0px;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: auto;
        
    }

    .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) {
   .checkbox label { font-size:12px; font-weight:normal; }
   .cvv { background-image: none !important; }
   #imgVisa { visibility: hidden; }
   #imgMasterCard { visibility: hidden; }
   #imgDiscover { visibility: hidden; }
   #imgAmex { visibility: hidden; }
   
}

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


/* --------- START LOOKUP GRID --------- */

.gvhspadding td{
    padding:3px;
}

/* --------- END LOOKUP GRID --------- */

/* --------- START PAYMENT TABLE --------- */
.classWithPad { 
    margin:10px; 
    padding:10px; 

}
/* --------- END PAYMENT TABLE --------- */

.