html, body {
    color:#333;
    background-color:#FFFFF2;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    margin:0; 
    padding:0; 
    height:100%;}
a {
    color:#0000CC;}
#wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -37px;
    padding: 0 0 37px;}
header {
    background-position: initial;
    text-align: center;
    height: 37px;
    background: linear-gradient(#005ea8, #00447a);
    /*background-image: linear-gradient(rgb(0, 94, 168), rgb(0, 68, 122));*/
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;}        
h1.title {
    font:bold 22px/26px "Times New Roman", Times, serif;
    text-transform:uppercase;
    color:#fff;
    white-space:nowrap;
    text-shadow:0 -1px 0 #570013;
    line-height:37px; 
    vertical-align:middle;    
    margin:0;}
h1#PageTitle {
    margin-top:10px;
    margin-bottom:15px;
    text-align: center;
    font-weight:600;
    background: linear-gradient(#00447a, #005ea8, #00447a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

/* BOOTSTRAP RESETS */
.bootstrap .btn-primary {background:#005ea8;}
.bootstrap .btn-primary:hover {background:#00447a;}
.bootstrap .table thead {border:0;}
.bootstrap .table thead th {border:0;}
/* CART ITEMS */
.bootstrap .cartitems {width:90%; margin:0 auto;}
.bootstrap .table.cartitems thead {border-top:1px solid #ccc; background-color:#fafafa;}
.bootstrap .table.cartitems thead th {border-bottom:1px solid #ccc; padding-top:2px; padding-bottom:2px; font-weight:normal;}
.bootstrap .table.cartitems tbody tr td {border-top:1px dashed #ccc;}
.bootstrap .table.cartitems tbody tr:first-child td {border:0; padding-top:20px;}
.bootstrap .table.cartitems tbody tr:last-child td {padding-bottom:20px;}
.bootstrap .table.cartitems tfoot tr td {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-top:1px; padding-bottom:1px; font-weight:normal; background-color:#fafafa;}
.bootstrap .table.cartitems tfoot tr td.text-bold {font-weight:600;} 
.bootstrap .table.cartitems a {color:#0000CC;text-decoration:underline;}
/* SPACING BOOTSTRAP BUTTONS */
.bootstrap .btn-spacing-md {margin-left:6px; margin-right:6px;} 
.bootstrap .panel-heading {background-color:#000;}
/* FONT WEIGHT */
.bootstrap label.font-weight-normal {font-weight:normal;}
/* SPECIALIZED TABLE BORDERS */
.bootstrap table.table-border-1 {border:1px solid #ccc;}
.bootstrap table.table-border-1 tr td {border-top:1px dashed #ccc;}
.bootstrap table.table-border-1 tr:first-child td {border-top:0;}

.panel-md {
    width:60%;}    
.panel-sm {
    width:44%;}
.table-border {
    border:1px solid #ddd;}               
.text-center {
    text-align:center;}
.text-right {
    text-align:right;}
.margin-auto {
    margin:0 auto;}
.margin-bottom-10 {
    margin-bottom: 10px;}
.width-33 {
    min-width:33%; 
    width:33%;}     
.width-66 {
    min-width:66%; 
    width:66%;}     
.display-none {
    display:none;}    
.text-bold {
    font-weight:bold;}
.receipt-header {
    width:90%;
    font-size:90%;
    margin:20px auto 0px auto;}
.list-group-receipt .list-group-item {
    background-color:#FFFFF2;
    padding-top:5px;
    padding-bottom:5px;}
footer {
    font-size:90%;
    background-position: initial;
    text-align: center;
    height: 37px;
    background: linear-gradient(#005ea8, #00447a);
    /*background-image: linear-gradient(rgb(0, 94, 168), rgb(0, 68, 122));*/
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
}
footer div {
    line-height:37px; 
    vertical-align:middle;}         
footer span {
    padding:0 15px; 
    color:#fff;}   
.bootstrap footer a {
    color:#fff;
    text-decoration:underline;}             
.bootstrap footer a:hover {
    color:#ffff00;}             
    
/*CART ITEM LISTS*/
.bgyellow {background-color:#FFFF00;}
.leftarrow {font-size:150%; color:#FF0000; padding-left:5px;}
.rightarrow {font-size:150%; color:#FF0000; padding-right:5px;}

@media only screen
  and (max-device-width: 667px) {
    h1.title {
        font:bold 16px/18px "Times New Roman", Times, serif; 
        white-space:nowrap;
        line-height:37px; 
        vertical-align:middle;}        
    .review {
        font-size:14px;
        border:1px solid #c0c0c0;
        background-color:#FFF;
        padding:20px 5px;
        box-shadow:none;}            
    footer div {    
        font-size:12px; 
        line-height:37px; 
        vertical-align:middle;}
    footer span {
        padding:0 10px;}
}

@media (min-width: 992px) { 
    .text-right-md {
        text-align:right;}   
}

@media (max-width: 992px) { 
    .panel-sm {
        width:94%;}         
    .panel-md {
        width:94%;} 
}

@media print {
    /* Hide href on print - bootstrap overload */
    a[href]:after {
        content: none !important;}          
    /* Additional grid classes for printing - extend bootstrap */
    .col-print-1, .col-print-2, .col-print-3, .col-print-4, .col-print-5, .col-print-6, .col-print-7, .col-print-8, .col-print-9, .col-print-10, .col-print-11, .col-print-12 {
        float: left;}        
    .col-print-12 {
        width: 100% !Important;}  
    .col-print-11 {
        width: 91.66666666666666% !Important;}
    .col-print-10 {
        width: 83.33333333333334% !Important;}
    .col-print-9 {
        width: 75% !Important;}
    .col-print-8 {
        width: 66.66666666666666% !Important;}
    .col-print-7 {
        width: 58.333333333333336% !Important;}
    .col-print-6 {
        width: 50% !Important;}
    .col-print-5 {
        width: 41.66666666666667% !Important;}
    .col-print-4 {
        width: 33.33333333333333% !Important;}
    .col-print-3 {
        width: 25% !Important;}
    .col-print-2 {
        width: 16.666666666666664% !Important;}
    .col-print-1 {
        width: 8.333333333333332% !Important;}
}