/*
DO NOT EDIT THIS FILE
THIS IS THE DEFAULT CSS FILE
IT SITS ABOVE THE WEBSITE CSS FILE
PLACE EDITS IN THE WEBSITES CSS FILE 
*/

/** MAX WIDTHS **/

body[id^="cart"] div.padding{
margin:0 auto 50px auto;
max-width:1200px;
border:0px solid green;
}

body#packing-list div#container,
body#order-receipt div#container{
margin:0 auto 50px auto;
max-width:960px;
border:0px solid red;
}


/* Make all images responsive */
body#packing-list img, 
body#order-receipt img ,
body[id^="cart"] img#product-image {
  display: block;
  max-width: 100%;
  height: auto;
}

/*
body[id^="table-cart-info"] [class*="col-"]:not(:last-child),
body#packing-list [class*="col-"]:not(:last-child), 
body#order-receipt [class*="col-"]:not(:last-child){ 
margin-bottom: 25px; 
}
*/

body#cart div#index-delivery input[type="radio"],
body#cart-delivery form#delivery-form input[type="radio"],
body#cart-payment form#payment-form input[type="radio"]{
margin: 0;
width:19px;
height:19px;
border:1px solid black;
  transform: translateY(0.15em);
}

body#order-receipt div#receipt-top{
border:0px solid red;
}
 
body#packing-list div#receipt-top [class*="col-"]:not(:last-child), 
body#order-receipt div#receipt-top [class*="col-"]:not(:last-child){ 
margin-bottom: 25px; 
}

body#order-receipt div#table-cart-top div#scheduled-time,
body#order-receipt div#table-cart-top div#vehicle-desc,
body#order-receipt div#table-cart-top div#special-instructions,
body#packing-list div#table-cart-top div#special-instructions,
body[id^="cart"] div#table-cart-top div#scheduled-time,
body[id^="cart"] div#table-cart-top div#vehicle-desc,
body[id^="cart"] div#table-cart-top div#special-instructions{
margin:20px 0;
border:0px solid red;
}

body#order-receipt form#receipt-accept-quote-form{
padding:20px 10px;
text-align:center;
background-color:#f1f1f1;
background-color:#f9d56d;
font-size:110%;
margin:20px auto;
}

body#order-receipt #receipt-accept-quote-button{
color:white !important;
display:block;
margin:20px auto;
max-width:300px;
}

body[id^="cart"] div#table-cart-bottom div#scheduled-time{
margin:0px 0 -20px 0;;
padding:0;
border:0px solid red;
}

body#simple-checkout form#simple-checkout-form,
body#simple-checkout form#simple-checkout-billing-form,
body#make-a-payment form{
max-width:900px;
margin:20px auto;
} 

body#simple-checkout form#simple-checkout-form fieldset,
body#make-a-payment fieldset,
body[id^="cart"] fieldset {
margin-bottom:20px;
padding:20px !important;
border: 1px solid #ccc;
}

body#simple-checkout form#simple-checkout-form fieldset legend,
body#make-a-payment fieldset legend,
body[id^="cart"] fieldset legend{
 background: #e1e1e1;
    padding: 5px 10px ;
    font-size: 125%;
  font-weight:bold;
    margin: 8px 0 0 0px;
}

body#make-a-payment fieldset label, 
body#simple-checkout form#simple-checkout-form fieldset label{ 
font-weight:bold;
}

body#simple-checkout form#simple-checkout-form fieldset#credit-card-fieldset .form-group,
body#make-a-payment fieldset#credit-card-fieldset .form-group,
body#make-a-payment fieldset#payment-info-fieldset .form-group,
body#make-a-payment fieldset#payment-methods-fieldset .form-group,
body#make-a-payment fieldset#bank-account-fieldset .form-group{
margin:10px auto;
max-width:100%;
}

body#cart-credit-card fieldset#credit-card-fieldset .form-group{
margin:10px;
}

body#make-a-payment fieldset#payment-methods-fieldset .form-group {
margin-bottom:30px;
}
body#make-a-payment fieldset#payment-methods-fieldset .form-group label{
font-size:150%;
}

body#make-a-payment #invoices-list{
margin:10px auto;
max-width:1000px;
border:0px solid red;
}

body#make-a-payment #invoices-list .table{
font-size:115%;
border-radius:6px !important;
}

body#make-a-payment #invoices-list .header{
color:#333;
background-color:#f1f1f1;
text-align:center;
margin:0px;
vertical-align:middle;
font-weight:bold;
padding:6px 0;
}

body#make-a-payment #invoices-list input{
padding:5px;
}

body#make-a-payment ul#invoices-list{
margin:10px auto;
font-size:150% !important;
 list-style-type:none;
}

body#make-a-payment ul#invoices-list li {
margin:10px 0 10px -10px;
}

body#make-a-payment ul#invoices-list input {
width:20px;
height:20px;
}

body#make-a-payment ul#bottom-menu{
margin:20px auto;
display:table;
text-align:center;
}

body[id^="cart"] #billing-form,
body[id^="cart"] #echeck-form,
body[id^="cart"] #credit-card-form,
body[id^="cart"] #delivery-form,
body[id^="cart"] #shipping-form{
margin:20px auto;
max-width:900px;
text-align:left;
}

body[id^="cart"] #billing-form .form-group,
body[id^="cart"] #shipping-form .form-group,
body[id^="cart"] #echeck-form .form-group{
margin:10px !important;
}
body[id^="cart"] #credit-card-form #credit-card-fieldset{
padding:20px !important;
}

body[id^="cart"] .form-group .col-sm-4{
margin:4px 0 !important;
}

body[id^="cart"] .form-group input{
margin:0;
}

body[id^="cart"] .form-group .help-block{
font-size:85%;
font-style:italic;
}

body[id^="cart"] .form-group label.control-label,
body#make-a-payment label.control-label{
font-weight:bold;
font-size:110%;
padding:0;
}

body#make-a-payment fieldset input,
body#make-a-payment fieldset div.col-sm-4,
body#make-a-payment fieldset div.col-sm-8{
margin-top:0 !important;
padding-top:0 !important;
}

body[id^="cart"] #delivery-form label{
font-weight:bold;
font-size:115%;
}

body[id^="cart"] #ship_addresses{
margin:20px auto;
text-align:center;
}

body[id^="cart"] #ship_addresses_inner{
text-align:center;
display:none;
background-color:#f9f9f9;
padding:10px;
}

body[id^="cart"] #ship_addresses_inner ul{
text-align:center;
margin:0 auto
}

body[id^="cart"] #ship_addresses_inner ul#ship_addresses_inner_2{
margin:10px auto;
}

body[id^="cart"] #ship_addresses_inner ul#ship_addresses_inner_2 li{
padding:10px;
margin:10px;
text-align:left;
border:1px solid #cfcfcf;
}

body[id^="cart"] #coupon-form {
margin:20px auto;
max-width:600px;
text-align:center;
}

body[id^="cart"] #coupon-codes {
margin:10px auto;
padding:11px;
max-width:960px;
}

body[id^="cart"] #customer-coupons{
margin:20px auto;
text-align:center;
background-color:#f1f1f1;
padding:10px;
}

body[id^="cart"] #customer-coupons h6{
font-weight:bold;
font-size:115%;
}

body[id^="cart"] #customer-coupons ul{
margin:10px auto;
list-style-type:none;
}

body[id^="cart"] #customer-coupons ul li{
margin:10px 0;
}

body[id^="cart"] #customer-coupons ul li a:link{
cursor:pointer;
text-decoration:underline;
text-transform:uppercase;
font-weight:bold;
font-size:125%;
}

body[id^="cart"] div#index-arrival-date{
border:1px solid #999;;
margin:20px auto;
padding:20px 0;
text-align:center;
}

body[id^="cart"] div#index-coupons{ 
margin:0 auto 40px auto;
padding:10px;
text-align:center;
}

body[id^="cart"] div#index-tips,
body[id^="cart"] div#index-delivery {
border:1px solid #999;;
margin:0 auto;
padding:10px;
border-top:0 solid #999;;
} 

body[id^="cart"] div#index-delivery {
text-align:center;
}

body[id^="cart"] div#index-tips [class*="col-"],
body[id^="cart"] div#index-delivery [class*="col-"]{
text-align:center;
}

body[id^="cart"] div#index-tips .header,
body[id^="cart"] div#index-delivery .header {
font-size:110%;
display:block;
margin:20px auto;
}

body[id^="cart"] div#index-delivery ul {
text-align:left;
list-style-type: none;
  margin: 0 auto;
  padding: 0;
max-width:700px;
}

body[id^="cart"] div#index-delivery ul li{
margin:15px 0;
}

body[id^="cart"] div#index-delivery ul li label{
font-weight:bold;
}

body[id^="cart"] #method-free-shipping{
color: #17a2b8;
margin:10px 0;
}

body[id^="cart"] div#index-arrival-date .row{
margin:20px auto;
max-width:500px;
}

body[id^="cart"] #form-comments {
margin:10px auto ;
padding:0px;
max-width:700px;
border:0px solid red;
}

body[id^="cart"] #form-comments .form-group{
margin:20px 0 30px 0;
}

body[id^="cart"] #form-comments .form-group label{
font-weight:bold;
display:block;
}

body#cart-purchase form#purchase-form{ 
margin:20px auto;
max-width:900px;
}

body[id^="cart"] #payment-form{ 
margin:20px auto;
max-width:800px;
text-align:left;
}

body[id^="cart"] form#payment-form fieldset b{ 
text-decoration:underline;
cursor:pointer;
font-size:110%;
margin-left:5px;
}

body[id^="cart"] #confirm-form {
margin:0 auto;
max-width:900px;
text-align:center;
}

body[id^="cart"] #confirm-form ul#confirm-bottom-buttons {
margin:0px auto;
text-align:center;
padding:0;
}

body[id^="cart"] #confirm-form ul#confirm-bottom-buttons li:not(:last-child){
margin-bottom:20px;
}

body[id^="cart"] checkout-continue-button:link{
color:white;
}

body[id^="cart"] a.checkout-delete-cart-button:link{
cursor:pointer;
text-decoration:none !important;
color:white !important;
}

body[id^="cart"] .buy-button{
border:1px solid #999;
padding:2px 8px;
/*background-color:#1A60AB;*/
background-color:#30466D;
color:white;
cursor:pointer;
}


body[id^="cart"] .cart-button{
border:1px solid #999;
padding:4px 12px;
background-color:yellow;
/*background-color:#B3151B; */
color:black;
font-weight:normal;
font-size:150%;
cursor:pointer;
margin:0;
}

/** CART SUBMIT BUTTON *******/

body[id^="cart"] #cart-submit-button {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
font-size:125%;
}

body[id^="cart"] #cart-submit-button:focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
body[id^="cart"] #cart-submit-button:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
body[id^="cart"] #cart-submit-button:active{
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #398439;
}

/** ON HOLD BUTTON *******/

body[id^="cart"] #cart-on-hold-button{
 color: #fff !important;
text-decoration:none !important;
  background-color: #f0ad4e;
  border-color: #eea236;
}
body[id^="cart"] #cart-on-hold-button:focus {
text-decoration:none !important;
 color: #fff !important;
  background-color: #ec971f;
  border-color: #985f0d;
}

body[id^="cart"] #cart-on-hold-button:hover {
text-decoration:none !important;
 color: #fff !important;
  background-color: #ec971f;
  border-color: #d58512;
}

body[id^="cart"] #cart-on-hold-button:active{
text-decoration:none !important;
 color: #fff !important;
  background-color: #ec971f;
  background-image: none;
  border-color: #d58512;
}

body#cart-schedule #btn-schedule-asap{
border:1px solid #999;
background-color:#be3b3d;
border:1px solid #ccc;
cursor: pointer;
padding: 8px 20px;
border-radius: 10px;
margin:20px;
min-width:250px;
color: white;
}

body#cart-schedule #btn-schedule-asap h4{
font-weight:normal;
font-size:24px;
margin-bottom:5px;
}

body#cart-schedule #btn-schedule-asap .small{
font-size:20px;
}

body[id^="cart"] a#schedule-others {
font-size:24px;
}

body#cart-schedule form#form-schedule-date-time{
text-align:center;
padding:20px;
background-color:#f5f5f5;
}

body#cart-schedule form#form-schedule-date-time ul li{
padding:5px;
}

body#cart-schedule #hours-operation{
border:1px solid #ccc;
margin:20px auto;
padding:20px;
text-align:left;
max-width:800px;
}

body#cart-schedule #hours-operation h4{
text-align:center;
background-color:transparent;
margin:0 0 20px 0;
}

body#cart-schedule #hours-operation ul.special-hours{
margin:10px 0 10px 10px;
list-style-type: none;
}

body#cart-schedule #hours-operation ul.special-hours li{
padding:8px 0; 
}



body[id^="cart"] #table-cart-top {
border-collapse: separate;
border-spacing:15px 0px;
margin:20px auto ;
padding:0;
}

body[id^="cart"] #table-cart-top .big {
font-size:125%;
}

body[id^="cart"] #table-cart-top .border {
border-top:1px solid #999 !important;
border-right:0px solid #999 !important;
border-left:1px solid #999 !important;
border-bottom:0px solid #999 !important;
text-align:left;
background-color: transparent;
padding:20px;
text-align:left;
vertical-align:top;
}


div#table-cart-info{
background-color:transparent;
width: 100%;
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
margin-top:20px;
padding:8px 15px;
}
/*
div#table-cart-info .col-xs-12,
div#table-cart-info .col-sm-12{
padding:0px;
}
*/
body#packing-list div#table-cart-info,
body#order-receipt div#table-cart-info{
display:none;
}

body#cart-schedule .hoverRow:hover {
background-color: #f5f5f5;
}

div#table-cart-headings{
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
background-color:#f1f1f1;
margin:0;
padding:0;
width:100%;
font-weight:bold;
} 

body#packing-list div#table-cart-headings{
margin-top:20px;
}

div#table-cart-headings [class^="col-"]{
border:0px solid transparent !important;
margin:0;
padding:10px;
text-align:center;
}

div#table-cart-items {
display: table; /* Make the container element behave like a table */
width: 100%;
background-color: white;
padding:0;
margin:0;
border:1px solid #ccc;
}


#table-cart-items .row{
display: flex;
flex-direction: row ;
flex-wrap:wrap;
border:0px solid #ccc;
text-align:left;
background-color: transparent;
padding:0px;
text-align:left;
vertical-align:top;
margin:0;
width:100% !important;
}

div#table-cart-items [class*="col-"]{
display: table-cell; /* Make elements inside the container behave like table cells */
border:1px solid #ccc;
white-space:normal;
padding:4px;
margin:0 !important;
vertical-align:top;
}

#table-cart-headings .col-sm-1,
#table-cart-items .col-sm-1{
width:8.3%;
}

#table-cart-headings .col-sm-2,
#table-cart-items .col-sm-2{
width:16.6%;
}

#table-cart-headings .col-sm-3,
#table-cart-items .col-sm-3{
width:24.9%;
}

#table-cart-headings .col-sm-6,
#table-cart-items .col-sm-6{
width:49.8%;
}


#table-cart-items .desc,
#table-cart-items .special-code{
text-align:left;
display:block;
}

#table-cart-items .special-code{
margin:10px 0;
}
 
#table-cart-items .um,
#table-cart-items .qty{
text-align:center; 
}
        
#table-cart-items .unit .orig_price,
#table-cart-items .unit .deposit_due,
#table-cart-items .unit .price{
text-align:right;
display:block;
}

#table-cart-items .unit .deposit_due{
margin:10px 0;
font-style:italic;
}

#table-cart-items .total{
text-align:right;
}

#table-cart-items .total{
font-size:105%;
font-weight:bold;
}

#table-cart-items .trash-can{
display:block;
margin:5px auto;
font-size:80%;
}

body[id^="cart"] #update-qty-link{
display:block;
padding:9px 0px 3px 0;
}


#table-cart-items .item img#product-image{
clear:both;
display:block;
max-width:150px !important;
padding:5px;
margin:20px auto;
}

#table-cart-items details[open]{
background-color:#f5f5f5;
padding:10px;
}

div#table-cart-bottom ,
div#table-packing-list-sub-total,
div#table-cart-sub-total{ 
background-color: white;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
margin:0 auto ;
padding:0;
width:100%;
}

div#table-cart-bottom {
border-top:0;
}

div#table-cart-bottom .row,
div#table-cart-sub-total .row,
div#table-packing-list-sub-total .row{
margin:0;
padding:0 ;
border-bottom:1px solid #ccc;
width:100%;
}


div#table-packing-list-sub-total .row [class^="col-"], 
div#table-cart-sub-total .row [class^="col-"], 
div#table-cart-bottom .row [class^="col-"]{
text-align:right !important;
padding:5px;
}


div#table-cart-sub-total .col-sm-2,
div#table-cart-sub-total .col-xs-2,
div#table-cart-bottom .col-xs-2,
div#table-cart-bottom .col-xs-2{
font-size:105%;
font-weight:bold;
}

#table-cart-sub-total #order-duplicate{
margin:20px auto;
text-align:right
}

#table-cart-sub-total #order-duplicate .btn-order-duplicate{
text-decoration:none;
margin:1px auto;
max-width:170px;
color:white;
font-size:110%;
}

body#packing-list div#table-cart-bottom,
body#order-receipt div#table-cart-bottom{
margin-bottom:20px;
}


div#table-packing-list-sub-total .col-sm-2,
div#table-cart-sub-total .col-sm-2,
div#table-cart-bottom .col-sm-2 {
border-left:1px solid #ccc;
font-weight:bold;
}

div#table-packing-list-sub-total .row #sub-total{ 
text-align:center !important;
font-weight:bold;
font-size:110%;
}

body[id^="cart"] #table-statement {
border-collapse: collapse;
border:0px solid #ccc;
margin:20px auto ;
padding:0;
width:700px;
}

body[id^="cart"] #table-statement th {
color:#333;
border:1px solid #ccc;
background-color:#f1f1f1;
text-align:left;
padding:3px 10px;
margin:0px;
vertical-align:middle;
}

body[id^="cart"] #table-statement td {
border:0px solid #ccc;
text-align:left;
background-color: transparent;
padding:6px;
text-align:left;
vertical-align:top;
}

body[id^="cart"] #ship-addresses{
width:100%;
margin:20px auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content:flex-start; 
justify-content:center; 
border:1px solid #ccc;
padding:20px;
}

#ship-addresses > div{
text-align:left;
background-color: #f1f1f1;
min-width: 300px;
max-width: 500px;
margin: 10px;
padding: 10px;
}

body#cart-echeck form {
margin:20px auto;
max-width:800px
}

body[id^="cart"] #table-credit-cards-on-file {
border-collapse: collapse;
border:0px solid #ccc;
margin:20px auto;
padding:0;
width:1px;
}

body[id^="cart"] #table-credit-cards-on-file th {
color:#333;
border:1px solid #ccc;
background-color:#f1f1f1;
text-align:left;
padding:3px 10px;
margin:0px;
vertical-align:middle;
}

body[id^="cart"] #table-credit-cards-on-file td {
border:1px solid #ccc;
text-align:left;
background-color: transparent;
padding:6px;
text-align:left;
vertical-align:top;
}


body[id^="cart-prepaid-cards"] #purchase-class-pass {
margin:20px 0;
text-align:center;
background-color:#eee;
padding:10px !important;
font-size:110%;
}

body[id^="cart"] #table-prepaid-cards {
margin:20px auto ;
padding:0;
max-width:800px;
}

body[id^="cart"] #table-prepaid-cards th {
background-color:#f1f1f1;
text-align:center;
}


body[id^="cart"] #table-prepaid-cards td {
vertical-align:top;
text-align:center;
}

body[id^="cart"] #cartBottomMenu{
margin:auto 0;
padding:10px;
text-align:center;
}


body[id^="cart"] a.cartBottomMenu:link,
body[id^="cart"] a.cartBottomMenu:visited,
body[id^="cart"] a.cartBottomMenu:hover,
body[id^="cart"] a.cartBottomMenu:active {
font-size:105%
}

body[id^="cart"] #cartBottomMenu ul {
border-top:1px solid #f9f9f9;
max-width:80%;
margin:0 auto;
text-align:center;
}

body[id^="cart"] #cartBottomMenu ul li{
margin:7px;
}

body#cart-post #cartBottomMenu{
font-size:150%;
}

body[id^="cart"] ul.list-inline{
margin-left:0px;
}

body[id^="cart"] div#home-delivery-methodXX {
margin:20px auto;
max-width:600px;
text-align:left;
}

body[id^="cart"] ul#home-delivery-method {
margin:20px auto;
list-style-type:none;
list-style-position: inside;
text-align:left;
max-width:800px;
}

body[id^="cart"] ul#home-delivery-method li{
margin-bottom:12px;
}

body[id^="cart"] ul#home-delivery-method li .title{
font-weight:bold;
color:black;
}


body[id^="simple-checkout"] #simple-checkout-receipt-link,
body[id^="cart"] #order-post-customer-arrived-link,
body[id^="cart"] #order-post-receipt-link{
margin:20px auto;
font-size:150%;
text-align:left;
}

body#cart-post #post-summary{
margin:20px auto;
}

body#cart-post h5{
margin-bottom:6px;
text-decoration:underline;
font-weight:bold;
}

/**** ORDER RECEIPT / PACKING LIST ***/

body#packing-list,
body#order-receipt {
height:100%;
color: #000;
margin:0;
text-align: left;
padding: 0;
line-height: 19px;
background-color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
}

/* unvisited link */
body#order-receipt a:link ,
body#packing-list a:link {
  color:black; 
}

/* visited link */
body#order-receipt a:visited ,
body#packing-list a:visited {
  color:black; 
}

/* mouse over link */
body#order-receipt a:hover ,
body#packing-list a:hover {
  color:black; 
}

/* selected link */
body#order-receipt a:active ,
body#packing-list a:active {
  color:black; 
}

body#packing-list img#order-receipt-logo,
body#order-receipt img#order-receipt-logo{
margin:0 auto;
display:block;
border:0px solid red;
}

body#packing-list h1,
body#order-receipt h1{
margin:0 auto 20px auto;
text-align:center;
}

body#packing-list #table-cart-top ,
body#order-receipt #table-cart-top {
border-collapse: separate;
border-spacing:15px 0px;
margin:10px auto ;
padding:0;
}

body#packing-list #table-cart-top .big ,
body#order-receipt #table-cart-top .big {
font-size:125%;
}

body#packing-list #table-cart-top .border ,
body#order-receipt #table-cart-top .border {
border-top:1px solid #999;
border-right:0px solid #999;
border-left:1px solid #999;
border-bottom:0px solid #999;
text-align:left;
background-color: transparent;
padding:20px;
text-align:left;
vertical-align:top;
}


body#packing-list #table-top-print table,
body#order-receipt #table-top-print table{
border-collapse: collapse;
border:0px;
margin:20px auto ;
padding:0;
width:960px;
}

body#packing-list #table-top-print td,
body#order-receipt #table-top-print td{
width:50%;
border:0px solid #ccc;
text-align:left;
background-color: transparent;
text-align:left;
vertical-align:top;
}

#table-cart-top #shipping-method-note{
margin:10px 0;
font-size:110%;
line-height:130%;
color:#dc3545;
}

body#packing-list div#table-packing-list-sub-total,
body#order-receipt div#table-packing-list-sub-total{
margin:0 auto 20px auto;
}

div#table-cart-items {
/*max-width:960px;*/
width:100%;
margin:0 auto 0 auto;
}

#table-cart-items label {
display:none !important;
}

body#packing-list table#table-cart-bottom ,
body#order-receipt table#table-cart-bottom {
margin:0 auto 20px auto;
}

body#packing-list .print,
body#order-receipt .print{
font-size:150%;
line-height:27px;
}

body#order-receipt #receipt-payment-methods{
padding:10px;
color: black;
text-align:right !important;
} 

body#order-receipt #receipt-payment-methods h6{
font-size:130%;
font-weight:bold;
margin-bottom:20px;
}
body#order-receipt #receipt-payment-methods b{
font-size:110%;
}

body#cart a.btn-arrived,
body#order-receipt .btn-arrived{
border:1px solid #999;
background-color:yellow;
border:1px solid #ccc;
cursor: pointer;
padding: 8px 20px;
border-radius: 10px;
margin:20px;
min-width:200px;
color: black;
font-size:125%;
display:block;
text-decoration:none
}



body#packing-list #table-cart-items .unit{
text-align:right !important;
font-weight:bold !important;
}



body#account-history #on-account{
background-color:#307df6;
color:white;
display:block;
margin:20px auto;
width:100%;
max-width:700px;
padding:10px;
font-size:120%;
}

body#account-history #orders-form {
margin:10px auto;
}

body#account-history #orders-form .btn,
body#account-history #orders-form ul li{
margin:3px !important;
}

body#account-history #orders-history-list{
background-color:#f1f1f1;
border:0px solid #f1f1f1;
margin:20px auto;
width:100%;
text-align:center;
}

body#account-history #orders-history-list div.column-headers{
color:#333;
background-color:#f1f1f1;
text-align:center;
margin:0px;
vertical-align:middle;
font-weight:bold;
padding:6px 0;
}

body#account-history #orders-history-list div.row{
border:1px solid #f1f1f1;
}

body#account-history #orders-history-list div.row:nth-child(even) {
background-color: #fff;
}

body#account-history #orders-history-list [class*="col-"]{ 
padding:6px 0;
}

body#account-history #orders-history-list [class*="col-"] label{ 
display:none;
}
	
body#account-history #orders-history-list [class*="col-"] .time{
display:block;
}

body#account-history #orders-history-list [class*="col-"] details{ 
margin:10px 0;
}

body#account-history #orders-history-list [class*="col-"] summary{ 
font-size:115%;
}

body#account-history #orders-history-list [class*="col-"] .make-payment{ 
margin:10px 0;
}

body#reservation form#reservation-form{
max-width:800px;
margin:30px auto;
border:0px solid red;
}

body#reservation form#reservation-form h2{
margin:10px auto;
}

body#reservation form#reservation-form label{
font-weight:bold;
display:block;
}

body#reservation form#reservation-form .warning{
display:block;
}

body#reservation form#reservation-form #div-reservation-policy{
margin:20px 0;
padding:10px;
background-color:#e9e9e9;
font-weight:normal;
}

body#reservation #property-info{
max-width:800px;
margin:20px auto;
text-align:left;
background-color:#f5f5f5;
padding:10px;
}

body#reservation #property-info ul{
margin:15px 0;
padding:0;
list-style-type: none;
text-align:left;
}

body#reservation #property-info ul li{
margin:8px;
text-align:left;
}


body#reservation form#reservation-form #cancellation_policy{
font-weight:normal;
background-color:#f1f1f1;
border:1px dotted #eee;
display:block;
padding:10px;
margin:10px 0;
}


body#class-registration #class-info{
margin:20px auto;
text-align:left;
background-color:#F3F8FC;
padding:8px;
line-height:150%;
}

body#class-registration .list-inline li{
margin-bottom:12px;
}

body#class-registration form #label_agree{
background-color:#F3F8FC;
padding:13px;
display:block;
font-size:120%;
}

body#class-registration form#registration-form{
margin:20px auto;
max-width:1000px !important;
}

body#class-registration form#registration-form fieldset {
border:1px solid #e1e1e1;
padding:20px;
}

body#class-registration form#registration-form fieldset legend{
 background: #e1e1e1;
    padding: 5px 10px ;
    font-size: 125%;
  font-weight:bold;
    margin: 8px 0 0 0px;
}

body#class-registration form#registration-form fieldset .row .col-md-6{
margin:0 auto 20px auto;
}


#pagination,
.pagination{
margin:20px auto !important;
text-align:center !important;
/*display: inline-block !important;*/
}


.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
 margin: 0 4px;
border: 1px solid #ddd; /* Gray */
}


.pagination a.active {
    background-color: #999;
    color: white;
}

.pagination a:hover:not(.active) {
background-color: #ddd;
}


div.student-div{
margin:7px 0;
}



body#prepaid-cards #info{
margin:20px auto;
text-align:left;
background-color:#F3F8FC;
padding:13px;
line-height:130%;
font-size:125%;
}

body#prepaid-cards form#purchase-card fieldset ,
body#prepaid-cards form#check-balance fieldset {
margin-bottom:20px;
padding:20px;
border: 1px solid #ccc;
min-height:230px;
}

body#prepaid-cards form fieldset legend{
text-align:left;
 background: #e1e1e1;
    padding: 5px 10px ;
    font-size: 125%;
  font-weight:bold;
    margin: 8px 0 0 0px;
border:0px solid red;
border-radius:6px;
}

body#prepaid-cards form#purchase-card select{
display:block;
background-color:#eee;
padding:10px 20px;
border-radius:7px;
margin:0px auto;
text-align:center;
font-size:120%;
}

body#prepaid-cards form#check-balance .btn,
body#prepaid-cards form#purchase-card .btn{
margin:20px auto;
}

body#prepaid-cards form#check-balance input{
max-width:300px;
display:block;
margin:0 auto;
}

body#prepaid-cards form#make-payment{
margin:20px auto;
max-width:800px;
}

body#prepaid-cards form#make-payment fieldset {
margin-bottom:20px;
padding:20px;
border: 1px solid #ccc;
}

body#prepaid-cards form#make-payment  legend{
 background: #e1e1e1;
    padding: 5px 10px ;
    font-size: 125%;
  font-weight:bold;
    margin: 8px 0 0 0px;
border:0px solid red;
border-radius:6px;
}


body#prepaid-cards-completed .padding p{
margin:20px 0;
}


body[id^=cart] #flex-container{
margin:20px auto;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:stretch;
}

body[id^=cart] #flex-container .flex{
max-width:600px;
min-width:350px;
width:45%;
margin:20px;
}

body[id^=cart] div#flex-container .flex-gray{
max-width:400px;
width:33%;
background-color: #e7e7e7;
padding:15px;
text-align:center;
border-radius:7px;
margin:20px;
}

body[id^=cart] #flex-container .flex-gray .title,
body[id^=cart] #flex-container .flex-gray a.title{
font-weight:bold;
font-size:120%;
margin-bottom:1px;
text-decoration:none;
}


body#order-form #order-form {
margin: 20px auto;
border:1px solid #ccc;
padding: 20px;
max-width:800px;
}

body#order-form #order-form label{
font-weight:bold;
margin-bottom:8px;
font-size:110%;
}

body#order-form #order-form .text-danger{
display:block;
}

body#order-form #order-form #skip{
font-size:110%;
text-align:center;
}

body#order-form #order-form .form-control{
background-color:#e7e7e7;
}

body#order-form #order-form .text-info{
display:block;
margin:0 0 6px 0;
}

@media (max-width: 768px) {


	body#account-history #orders-history-list .row#column-headers{ 
	display:none;
	}

	body#account-history #orders-history-list [class*="col-"]{ 
	padding:7px;
	margin-bottom:0;
	text-align:left;
	}

	body#account-history #orders-history-list [class*="col-"] label{ 
	font-weight:bold;
	display:inline;
	}

	body#account-history #orders-history-list [class*="col-"] .time,
	body#account-history #orders-history-list [class*="col-"] details,
	body#account-history #orders-history-list [class*="col-"] .make-payment{ 
	display:inline;
	margin-left:15px;
	}

} 








@media (max-width: 768px) {

/* Hide table headers (but not display: none;, for accessibility) */

        /** MAKE 2 TOP COLUMNS STACK ON SMALL **/
        div#receipt-top [class^="col-"],
        #table-cart-top [class^="col-"]{
        width:100%;
        }

        #table-cart-headings {
        display:none !important;
        }

        #table-cart-items .row {
    margin: 0 0 2rem 0;
    padding:5px;
        border:none;
        }

    #table-cart-items .row:nth-child(odd) {
      background: #f5f5f5;
    }


        #table-cart-items [class^="col-"]{
        /* Behave  like a "row" */
        border: none !important;
        position: relative;
        margin:0 !important;
        padding: 0 0 5px 20px;
        text-align:left !important;
        white-space: normal !important;
        width:100% !important; /** BREAK INTO ROWS TO SHOW ON SMALL SCREENS **/
        display:block !important;
        }

	#table-cart-items label{
        display:inline !important;
        font-weight:bold;
        padding:6px 0;
        }

        #table-cart-items label:after {
        content: ": " !important;
        }

        #table-cart-items .item{
        margin-bottom:20px;
        }
        

        body[id^="cart"] #table-cart-items .item img#product-image,
        body[id^="cart"] #update-qty-link,
        body[id^="cart"] #table-cart-items .trash-can{
        display:inline !important;
        padding:5px;
        margin:0;
        }

        body[id^="cart"] #table-cart-items .item img#product-image{
        max-width:350px;
        margin:15px 0;
	display:block;
	}
        div#table-packing-list-sub-total [class^="col-"],
        div#table-cart-sub-total [class^="col-"],
        div#table-cart-bottom [class^="col-"]{
        text-align:left !important;
        padding:0 0 0 10px;
        margin-bottom:5px !important;
        }

        div#table-cart-sub-total .row,
        div#table-cart-bottom .row#grand-total{
        background-color:#f1f1f1 !important;
        margin:0;
        }

	div#table-packing-list-sub-total .col-sm-1,
        div#table-packing-list-sub-total .col-sm-11,
        div#table-cart-sub-total .col-xs-2,
        div#table-cart-sub-total .col-sm-2,
        div#table-cart-sub-total .col-xs-10,
        div#table-cart-sub-total .col-sm-10,
        div#table-cart-bottom .col-xs-2,
        div#table-cart-bottom .col-sm-2,
        div#table-cart-bottom .col-xs-10,
        div#table-cart-bottom .col-sm-10{
        text-align:left !important;
        padding:10px 0 0 10px;
        margin-bottom:5px !important;
        }
}

@media (max-width: 480px) {

        /** MAKE 2 TOP COLUMNS STACK ON SMALL **/
        #table-cart-top [class^="col-"]{
        width:100% !important;
        }
}




/******* PRINT MEDIA ************************
## MUST STAY AT BOTTOM OF THIS FILE!!!
96 pixels per inch
8.5 Inches = 816 pixels
*********************************************/
@media print {

        .fa-edit,
        .fa-credit-card,
        .fa-times,
        #table-cart-sub-total #order-duplicate,
        #table-cart-sub-total #order-duplicate .btn-order-duplicate,
        body#order-receipt #receipt-payment-link,
        #receipt-top #view-order-history,
        #table-cart-info,
        #table-cart-items label,
	#receipt-payment-methods{ 
        display:none !important;
        }

        a[href]:after { content: none !important; }
        img[src]:after { content: none !important; }

        p {
        page-break-inside: avoid;
        }

        * {
        background-image: none !important;
        }

        body#packing-list,
        body#order-receipt{
        font-family:Arial, Helvetica, sans-serif;
        text-decoration:none !important;
        }

	div#container{
        width:99% !important;
        padding:0 !important;
        margin:0 auto !important;
        border:0px solid blue !important;
	}	

        div#receipt-top {
        margin:0 !important;
        }

        div#receipt-top [class*="col-"],
        div#table-cart-top [class*="col-"]{
        width:50% !important;
        }

        div#receipt-top .col-xs-12,
        div#receipt-top .col-sm-12{
        width:100% !important;
        }

        div#table-cart-headings{
        display:block !important;
        border:1px solid #f1f1f1 !important;
        margin:0 !important;
        }

	#table-cart-items .row{
        border-bottom: 1px solid #f1f1f1 !important;
        margin:0px !important;
        padding:0px !important;
        }
	
	/** THIS KEEPS EACH ITEM IN A ROW **/

	#table-cart-headings .col-sm-1,
	#table-cart-items .col-sm-1{
	width:8.3% !important;
	}

	#table-cart-headings .col-sm-2,
	#table-cart-items .col-sm-2{
	width:16.6% !important;
	}

	#table-cart-headings .col-sm-3,
	#table-cart-items .col-sm-3{
	width:24.9% !important;
	}

	#table-cart-headings .col-sm-6,
	#table-cart-items .col-sm-6{
	width:49.8% !important;
	}

        #table-cart-items .total,
        body#packing-list #table-cart-items .unit{
        text-align:right !important;
        font-weight:bold !important;
        }

        a:link ,
        a:visited ,
        a:hover ,
        a:active {
        text-decoration:none !important;
        }

	/** PAGE BREAK FOR PRINTING MULTIPLE RECEIPTS ***/
	body#order-receipt #page-break{
        page-break-after: always !important;
        border:0px solid blue !important;
        }
}