.body {
  font-family: Verdana, sans-serif;
  font-size:8px;
}


@media print {
  .columns {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
  }

  .itemtitleout,
  .itemtitleoutsm,
  .itemtitleoutlg {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
  }

  .itemdesout,
  .termdisplay,
  .termdisplaysm,
  .pmtdisplay,
  .pmtdis,
  .bottomcol {
    font-family: Arial, Helvetica, sans-serif !important;
  }
}

	
  .header{
      
    Background-color: #ffffff;
    margin-bottom: 0;
    border-bottom: 2px solid #ddd;
  }
	

        .logo { grid-area: logo; }
        .logoed { grid-area: logoed; }
        
        .name { grid-area: name; }
        .top { grid-area: top; }
        .top1 { grid-area: top1; }
        .top2 { grid-area: top2; }
        .co11 { grid-area: col1; }
        .co12 { grid-area: col2; }
        .co13 { grid-area: col3; }
        .co14 { grid-area: col4; }
        .products1 { grid-area: products1; }
          .menu1 { grid-area: menu1; }
          .menu2 { grid-area: menu2; }
          .menu3 { grid-area: menu3; }
          .menu4 { grid-area: menu4; }
          .pmt1 { grid-area: pmt1; }
          .pmt2 { grid-area: pmt2; }
          .pmt3 { grid-area: pmt3; }
          .pmt4 { grid-area: pmt4; }
          .dealer { grid-area: dealer;
          border-bottom: 0px solid #000000;
          }
          .dealered { grid-area: dealered; }
          .customer { grid-area: customer;
           border-bottom: 0px solid #000000;
              
          }
          .car { grid-area: car; 
              border-bottom: 0px solid #000000;
          }
          .cared { grid-area: cared; 
             z-index: 2;
          }
          .deal { grid-area: deal;
            border-bottom: 0px solid #000000;
           
          }
          
         
          
          
          .dealed { grid-area: dealed; }
          .date { grid-area: date; 
              border-bottom: 0px solid #000000;
          }
          .dateed { grid-area: dateed; }
          .switch { grid-area: switch; }
          .switch2a { grid-area: switch2a; }
          .toggle { grid-area: toggle; }
          .ecustomer { grid-area: ecustomer; }
          .ecar { grid-area: ecar; }
          .edeal { grid-area: edeal; }
          .edeala { grid-area: edeala; }
          .edeal2 { grid-area: edeal2; }
          .edealb { grid-area: edealb; }
          .eamt { grid-area: eamt; }
          .eamta { grid-area: eamta; }
          .edate { grid-area: edate; }
          .emodel { grid-area: emodel; }
          .emenu { grid-area: emenu; }
          .cat1 { grid-area: cat1; }
          .cat2 { grid-area: cat2; }
          .cat3 { grid-area: cat3; }
          .cat4 { grid-area: cat4; }
          
          .e1 { grid-area: e1; }
          .e2 { grid-area: e2; }
          .e3 { grid-area: e3; }
          .e4 { grid-area: e4; }
          .e5 { grid-area: e5; }
          .e6 { grid-area: e6; }
          .e7 { grid-area: e7; }
          .e8 { grid-area: e8; }
          .e9 { grid-area: e9; }
          .e10 { grid-area: e10; }
          .e11 { grid-area: e11; }
          .e12 { grid-area: e12; }
          .e13 { grid-area: e13; }
          .e14 { grid-area: e14; }
          .e15 { grid-area: e15; }
          .e16 { grid-area: e16; }
          .e17 { grid-area: e17; }
          .e18 { grid-area: e18; }
          .e19 { grid-area: e19; }
          .e20 { grid-area: e20; }
          
          .q1 { grid-area: q1; }
          .q2 { grid-area: q2; }
          .q3 { grid-area: q3; }
          .q4 { grid-area: q4; }
          .q5 { grid-area: q5; }
          
          .namec { grid-area: namec;}
          .termc { grid-area: termc; }
          .paymentc { grid-area: paymentc; }
          .resc { grid-area: resc; }
          .totc { grid-area: totc; }
          
          .em { grid-area: em; 
              background-color: #111;
          }
          
          
          .update { grid-area: update; }
          .back { grid-area: back; }
          .btm { grid-area: btm; }
          .btm2 { grid-area: btm2; }
          .adj { grid-area: adj; }
          .dash { grid-area: dash; }
          .editbin { grid-area: editbin; }
          .selected { grid-area: selected; 
              display:none;
             
          }
       
          .main { grid-area: main;
           transition: margin .5s;   
          }
          
          .nameb { grid-area: nameb; }
          .stockb { grid-area: stockb; }
          .termb { grid-area: termb; }
          .paymentb { grid-area: paymentb; } 
          .resb { grid-area: resb; }
          .totb { grid-area: totb; }
          .cld { grid-area:cld; }
          
    .grid-main {
         grid-template-columns:  min-content auto;
         display: grid;
         grid-template-areas:
         'editbin main'
         ;
          padding: 0px 0 5px 0 ;
          text-align: center;
          
          max-width:1500px;
          margin: 0 auto;
          color: #000000;
         
    }
          

   .grid-containertop {
         display: grid;
         grid-template-columns:  min-content auto;
         grid-template-areas:
         'em em em em em em'
         'logo . . . . cld'
         'logo dealer customer car deal date'
         'logo . . . . .'
         'logoed dealered customered cared dealed dateed'
          ;
          padding: 0px 0 5px 0 ;
          text-align: center;
         
          max-width:96%;
          margin: 0 auto;
          position: relative;
          z-index: 5;
          font-size: calc(8px + .4vw); 
          color: #666666;
          font-weight:600;
         
          padding-top: 8px;
}

.grid-containeredit {
         display: grid;
         grid-template-areas:
         'ecustomer ecustomer ecar ecar edeal edeal2 edate edate'
         'eamt eamt emodel emodel edeala edealb emenu emenu'
         'cat1 cat1 cat2 cat2 cat3 cat3 cat4 cat4'
         'e1 e1 e1 e1 e2 e2 e2 e2'
         'e3 e3 e3 e3 e4 e4 e4 e4'
         'e5 e5 e5 e5 e6 e6 e6 e6'
         'e7 e7 e7 e7 e8 e8 e8 e8'
         'e9 e9 e9 e9 e10 e10 e10 e10'
         'e11 e11 e11 e11 e12 e12 e12 e12'
         'e13 e13 e13 e13 e14 e14 e14 e14'
         'e15 e15 e15 e15 e16 e16 e16 e16'
         'e17 e17 e17 e17 e18 e18 e18 e18'
         'e19 e19 e19 e19 e20 e20 e20 e20'
         'e21 e21 e21 e21 e22 e22 e22 e22'
         'e23 e23 e23 e23 e24 e24 e24 e24'
         'e25 e25 e25 e25 e26 e26 e26 e26'
         'e27 e27 e27 e27 e28 e28 e28 e28'
         'e29 e29 e29 e29 e30 e30 e30 e30'
         'update update update update update update update update'
         
          ;
          padding: 0px 0 5px 0 ;
          text-align: center;
          background-color: #FFFFFF;
          max-width:1349px;
          margin: 0 auto;
          border-top: 4px solid #3b516b;
          display:none;
                    
  
}

        .grid-container {
         display: grid;
         grid-template-columns:  min-content auto;
         grid-template-areas:
         
         'products1 menu1 menu2 menu3 menu4'
          ;
          grid-gap: 2px;          
          padding: 2px;
          max-width:1500px;
          margin: 0 auto;
          
                 
  
}

        .grid-containerflip {
         display: grid;
         grid-template-columns:  min-content auto;
         grid-template-areas:
         
         'products1 menu4 menu3 menu2 menu1'
          ;
          grid-gap: 2px;          
          padding: 2px;
          max-width:1500px;
          margin: 0 auto;
          
                 
  
}

        .grid-containersel1 {
         display: grid;
         grid-template-columns:  min-content auto;
         grid-template-areas:
         
         'declinem menu1 menu2 menu3 menu4 selected'
          ;
          grid-gap: 2px;          
          padding: 2px;
          max-width: 42vw;
          margin: 0 auto;
          
                 
  
}

        .grid-containerbottom {
         display: grid;
         grid-template-columns:  auto;
         grid-template-areas:
         'toggle adj switch switch2 toolbar'
           ;
                    
          padding: 0px;
          min-width: 935px;
          max-width:1500px;
          display:none;
          
}

         .grid-containerbottomsel {
         
          margin:14px auto;
          width:38vw;
          display:none;
          text-align:center;
          
}

         .grid-containertopd {
         display: grid;
         grid-template-columns:  min-content auto;
         grid-template-areas:
         'logo . . . . .'
         'logo dealer customer car deal date'
         'logo . . . . .'
          ;
          padding: 0px 0 5px 0 ;
          text-align: center;
          background-color: #ffffff;
          max-width:1200px;
          margin: 40px auto 10px auto;
                    
  
}
          

        .grid-containerd {
         display: grid;
         grid-template-areas:
         
         
         'col1 col2'
         'menu1 products1';
          grid-gap: 2px;
          background-color: #F2F0ED;
          padding: 2px;
          max-width:600px;
          
}

       .grid-containerentry {
         display: grid;
         grid-template-areas:
         'q1'
         'q2'
         'q3'
         'q4'
         'q5'
         ;
         padding: 0px 0 5px 0 ;
          text-align: center;
          background-color: #FFFFFF;
          
          margin: 0 auto;
          
}


         .grid-containerbooked {
         display: grid;
         grid-template-areas:
         
         'product0 vendor0 product0a price0 cost0 profit0 cata0 cancel0'
         'product1 vendor price1a price1 cost1 profit1 cata1 cancel1'
         'product2 vendor price2a price2 cost2 profit2 cata2 cancel2'
         
          ;
         
          
          padding: 2px;
          max-width:920px;
          margin: 0 auto;
                    
  
}

        .grid-container2booked {
         display: grid;
         grid-template-areas:
         'stockb termb paymentb resb totb'
         
         ;
         
         
          padding: 2px;
          max-width:920px;
          margin: 0 auto 20px;
}


         .grid-container3booked {
         display: grid;
         grid-template-areas:
         'namec termc paymentc resc totc'
         
         ;
         
         
          padding: 2px;
          max-width:920px;
          margin: 0 auto 20px;
}

.grid-containerbooked > div {
  
  text-align: justify;
    
    font-size: 11px;
   
   
}

.grid-container2booked > div {
  
  text-align: justify;
  padding: 0px 0;
  font-size: 11px;
  border-bottom: 1px solid;
}

.grid-container3booked > div {
  
  text-align: justify;
  padding: 0px 0;
  font-size: 12px;
  
}

.pdmt{
  font-size: 20px;  
    
}

 .selstyle{
     border: 1px solid #4a4f54;
    border-radius: 0;
 }
 
 #declinedcolumn{
    border-bottom: 2px solid #F24607;
 }

     
#dealtyp{
    
   display:none !important; 
}


h2 { font-size: 20px !important; }

#grid-container > div {
  
  text-align: center;
  font-size: calc(6px + .5vw);
  
  
 
  
  
}

#grid-container2 > div {
  background-color: #ffffff;
  text-align: center;
  padding: 0px 0;
  font-size:20px;
  
  
 
  
  
}

.grid-containerd > div {
  background-color: #F2F0ED;
  text-align: center;
  padding: 0px 0;
  font-size:20px;
  
 
  
  
}

.grid-containersel1 > div {
  background-color: #ffffff;
  text-align: center;
  font-size: calc(7px + .7vw);
  width: 223px;
  
  
  
}


.grid-containertop > div {
  
 
  padding: 2px 0;
  
  
  z-index: 1;
  
}

.grid-containeredit > div {
  display: grid;
   
    
  text-align: left;
  padding: 20px 0 5px 0;
  font-size:13px;
  
  
  
}

.grid-containertopd > div {
  background-color: #ffffff;
 
  padding: 2px 0;
  border-bottom: 2px solid #d4d4d4;
  font-size: 16px;
  
  
}

.grid-containerbottom > div {
 
  text-align: center;
  font-size: 16px;

  
}

.intextcent{
    width: 100px;
    text-align: center;
    margin: 0 auto;
}


.big-container{
 
 border-bottom :0px solid #000 !important;
 background-color: #cccccc !important;
 margin-bottom:3px;
}

body.site {
    padding:0;
    border-top: none;
}

.bottomcol{
   
    width: 100%;
   
}


.halfback{
  
  background-color: #cccccc !important;
   
}

.menu1{
 width: 23vw;
}

.menu2{
 width: 23vw;
}

.menu3{
 width: 23vw;
}

.menu4{
 width: 23vw;
}

.q{
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 6px 20px 0 #00000015;
 
}

.pdpmt{
   font-size:15px; 
    
}

.np{
   font-size:15px; 
    
}


.bmw{
  content:url(https://www.gridfire.pro/images/logos/BMW-logo.png) !important;
  width: 100px;
}

.bmw2{
  content:url(https://www.gridfire.pro/images/logos/bmw-color.png) !important;
  width: 100px;
}

 .grid-margin4 {
         display: grid;
         grid-template-columns:  min-content auto;
         grid-template-areas:
         
         'products1 menu1 menu2 menu3 menu4';
          grid-gap: 6px;          
          padding: 2px;
          width:100%;
          max-width:1500px;
         margin-left:-7px;
          
                 
  
}

 .grid-margin3 {
         display: grid;
         grid-template-columns: min-content auto;
         grid-template-areas:
         
         'products1 menu1 menu2 menu3 menu4'
          ;
          grid-gap: 2px;          
          padding: 2px;
          max-width:1500px;
          margin-left: 100px;
          
                 
  
}

 .grid-margin2 {
         display: grid;
          grid-template-columns: min-content auto;
         grid-template-areas:
         
         'products1 menu1 menu2 menu3 menu4'
          ;
          grid-gap: 2px;          
          padding: 2px;
          max-width:1500px;
          margin-left: 250px;
          
                 
  
}

 .grid-margin1 {
         display: grid;
          grid-template-columns: min-content auto ;
         grid-template-areas:
         
         'products1 menu1 menu2 menu3 menu4'
          ;
          grid-gap: 2px;          
          padding: 2px;
          max-width:1500px;
          margin-left: 450px;
          
                 
  
}

.flex-containerlogo{
    display: flex;
    background-color: #ffffff;
    justify-content: center;
    align-items: center;
  
  }
  
.flex-container {
  display: flex;
  width: 300px;
  margin: 14px 0 10px 16px;
}

.flex-container > div {
  
  font-size: 11px;
}

.flex-container2 {
  display: flex;
  
  margin: 14px auto;
}

.flex-container2 > div {
  
  font-size: 11px;
}
  
.editorpro{
    
    display: none;
    height: auto;
    width: 400px;
   
    background-color: #ffffff; 
    border-radius: 4px;
    
    border: 1px solid #c1c1c1;
    
}

.closedx{
   border: none;
    background: none;
    float: right;
    width: 20px;
    padding: 4px;
    margin: 4px 15px 4px 0;
    
}

.closedxt {
    border: none;
    background: none;
    float: right;
    width: 20px;
    padding: 4px;
    margin: 10px;
}

.closedxsm{
   border: none;
    background: none;
    float: right;
    padding: 4px 6px;
    font-size: calc(4px + .45vw);

    
}

.closedxsmr{
   border: none;
    background: none;
    padding: 6px 6px;
    font-size: 11px;
   cursor: context-menu;
    
}

.editsm{
    width: 11px;
    padding:6px 0;
    margin: 0 20px 0 12px;
    cursor: context-menu;
}

.popsm{
    width: 11px;
    margin-right: 8px;
    display: inline-block;
    cursor: context-menu;
}

.seldiva{
    margin-top: 30px;
}

.editbin{
    z-index: 50;
}

.enterpd{
    padding: 4px;
   
   
}



.columns {
  width: 100%;
    padding: 5px 0;
    text-align: center;
    color: #000000;
    font-size: 12px;
    
    
    font-weight: 600;
    letter-spacing: .6px;

}




.cld{
    text-align: right;
    font-size: 16px;
    color: #111;
    cursor:pointer;
   
}

div.logo  {
  background-color: none;
  display: block;
  margin: 0 auto;
  border-bottom: none;
 padding: 0 10px;
}

div.dash {
  background-color: #ffffff;
  text-align: center;
  font-size: 13px;
  
}       


div.name {
  background-color: #ffffff;
  text-align: center;
  font-size: 13px;
  
}       

div.top  {
  background-color: #ffffff;
  text-align: center;
  font-size: 13px;
  
}       

div.top1  {
  background-color: #ffffff;
  text-align: center;
  font-size: 14px;
  
}

div.top2  {
  background-color: #ffffff;
  text-align: center;
  font-size: 13px;
  
} 


div.col1 {
  height: 90%;
  background-color: #0597F2;
  text-align: center;
  padding: 10px 0;
  border: 2px solid #0597F2;
  font-size:14px;
  color:#ffffff;
}

div.col2 {
  background-color: #F24607;
  text-align: center;
  padding: 10px 0;
  border: 2px solid #F24607;
  font-size: 14px;
  color:#ffffff;
}

div.col3 {
  background-color: #1e90ff;
  text-align: center;
  padding: 10px 0;
  border: 2px solid #B8DBFD;
  font-size: 14px;
  color:#ffffff;
}

div.col4 {
  background-color: #1e90ff;
  text-align: center;
  padding: 10px 0;
  border: 2px solid #B8DBFD;
  font-size: 14px;
  color:#ffffff;
}

div.setting {
  background-color: #3b516a;
  
  padding: 10px 0;
  
  font-size: 14px;
  color:#ffffff;
}

div.ecustomer {
  
    padding: 10px 0;
    font-size: 14px;
    
   
}

div.emenu {
 
   
    padding: 6px 0 0;
    font-size: 14px;
    
    
}

div.ecar {
  
    padding: 10px 0;
    border-right: 5px solid #f2f2f2;
    font-size: 14px;
    display: inline;
}

div.emodel {
   
    padding: 6px 0 0;
    border-right: 5px solid #f2f2f2;
    font-size: 14px;
   
}


div.edeal {
  
    padding: 10px 0;
    border-right: 5px solid #f2f2f2;
    font-size: 14px;
    
}

div.edeala {
  
    padding: 6px 0 0;
    border-right: 5px solid #f2f2f2;
    font-size: 14px;
   
}

div.edeal2 {
  
    padding: 10px 0;
    border-right: 5px solid #f2f2f2;
    font-size: 14px;
   
}

div.edealb {
  
    padding: 6px 0 0;
    border-right: 5px solid #f2f2f2;
    font-size: 14px;
  
}

div.eamt {
  
    padding: 6px 0 0;
    font-size: 14px;
    display: inline;
    
}

div.edate {
  
    
    padding: 10px 0;
    font-size: 14px;
    display: inline;
    
}

div.cat1 {
 
    text-align: center;
    padding: 2px 0;
    border-top: 5px solid #f2f2f2;
    font-size: 14px;
    color: #ffffff;
   
    
}

div.cat2 {
  
    text-align: center;
    padding: 2px 0;
    border-top: 5px solid #f2f2f2;
    font-size: 14px;
    color: #ffffff;
    
  
}

div.cat3 {
  
    text-align: center;
    padding: 2px 0;
    border-top: 5px solid #f2f2f2;
    font-size: 14px;
    color: #ffffff;
   
}

div.cat4 {
  
    text-align: center;
    padding: 2px 0;
    border-top: 5px solid #f2f2f2;
    font-size: 14px;
    color: #ffffff;
    
    
}


div.update {
   
  text-align: center;
  padding: 10px 0;
  color:#ffffff;
  display: none;
 
}

div.add {
   background-color: #3b516a;
  text-align: center;
  padding: 10px 0;
  color:#ffffff;
  margin-top: 16px;
 
}

div.products1 {
   min-width: 180px;
    margin-right: 10px;
    background-color: #e9ecec;
    
    border: 0px solid #e7e7e7;
    padding: 0 0 10px 0;
    
}

div.declinem{
    display:none;
}

div.menu1 {
border: 2px solid #000 ;
    background-color: #fff;
    max-height:50%;
    position: relative;
    min-width: 180px;
  
}
div.menu2 {
 border: 2px solid #000;
    background-color: #fff;
   max-height:50%;
    position: relative;
    min-width: 180px;
}

div.menu3 {
border: 2px solid #000;
    background-color: #fff;
   max-height:50%;
    position: relative;
    min-width: 180px;
}

div.menu4 {
  border: 2px solid #000;
    background-color: #fff;
  max-height:50%;
    position: relative;
    min-width: 180px;
  
}

div.declinem {
 border: 2px solid #000;
    background-color: #fff;
   max-height:50%;
    position: relative;
    min-width: 180px;
}

div.btm {
  background-color: #3b516a;
}

div.btm2 {
  background-color: #3b516a;
}

@keyframes fadeIn { 
  from { opacity: 0; } 
}

@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

.blink {
 position: relative;
  font-size: calc(7px + .22vw);
   text-align: center;
  display:inline-block;
 
}

.blinky{
animation: fadeIn 1s infinite alternate;
}

.notblink {
  position: relative;
  font-size: 15px;
  color: #FFFFFF;
  text-align: center;
  display:inline-block;
 animation: none
}


.proprice {
  width: 50px;
  font-size: 12px;
  color: #999;
  font-weight:bold;
  margin: 3px 0 0 0;
  display:none;
}

.propricez {
  width: 50px;
  
  color: #999;
  font-weight:bold;
  margin: 3px 0 0 0;
  display:inline-block;
}

.propmt {
  width: 85px;
  font-size: 12px;
  color: #999;
  font-weight:bold;
  margin: 3px 0 0 0;
  display:inline-block;
  
}

.propmtz {
 
  color: #999;
  font-weight:bold;
  margin: 3px 0 0 0;
 display:inline-block;;
  
}

.pmtdis{
    
    font-size: calc(6px + .23vw);
    margin: 0 0 0 20px;
}

.menudots{
    
    height: calc(1px + .7vw);
    margin: 4px 8px 0 0;
    cursor: context-menu;
    display:none;
}

.menup{
    
    float: right;
    cursor: context-menu;
}

.popupmenu{
    display:none;
   
   width: 90px;
    background-color: #ffffff;
    color: #555;
    text-align: center;
    border: 1px solid #d4d4d4;
    position: absolute;
    z-index: 100;
    border-radius: 2px;
    margin: 10px 0 0 -70px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.14), 0px 2px 8px 0 #00000015, -3px 3px 13px 3px #ffffff;


}

.disc {
  font-size: 12px;
  color: #999;
  display:none;
}
.saveclose{
    display: inline-block;
    margin: 0 14px;
    color: #959ba0;
    font-size: 14px;
    cursor: pointer;
}


form {
	margin: 0 0 2px;
}

.updateform {
    font-weight:bold;
     height:38px;
}

.updateformarea{
    font-weight:bold;
    word-break: normal;
    width: 500px;
    height:28px;
    
}


.updateforma {
    width: 74px;
    height: 24px;
    padding: 4px 6px;
    margin: 8px 0 6px 9px;
    font-size: calc(5px + .5vw);
}

.setup {
    display:none;
    font-size:18pt;
    width: 1349px;
    margin:0 auto;
    color: #3b516b;
}

.smallertxt{
    font-size: calc(6px + .3vw);
}

.supersmall{
font-size: calc(4px + .25vw);
max-width: 155px;
padding: 4px 4px 4px 22px;
}

.superbig{
font-size: calc(6px + .3vw);
padding: .5vw 0;

}



.newpayment{
  margin:5px 0 0 0;
  
}


.int{
  margin: 10px 0 0 0;
  font-size: 14px;
  border-bottom: 1px solid #000000;
  font-style: italic;
  text-align: left;
  width: 100px;
  display:none;
  
}

.smtbutton {
    display: none;
  color: #9e1b32;
    font-weight: 700;
    background-color: #ffffff;
    border: 0px solid #005a2b;
   
    border-radius: none;
    padding: 4px 1.22vw;
    text-align: center;
    text-decoration: none;
   
    font-size: calc(10px + .22vw);
    margin: 4px auto;
    cursor: pointer;
    text-transform: uppercase;
}

.smtbutton2 {
   color: #9e1b32;
    font-weight: 700;
    background-color: #ffffff;
    border: 0px solid #005a2b;
    border-radius: none;
    padding: 4px 1.22vw;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 13px;
    margin: 4px auto;
    cursor: pointer;
    text-transform: uppercase;
}

    


.bfQuickMode button {
  background-color: #49D907;
  border: none;
  border-radius:5px;
  color: white;
  padding: 3px 8px;
  text-align: center;
  
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}

select,
input[type="file"] {
	height: 38px;
	margin-top: 4px;
	line-height: 28px;
	border:1px solid #b1acac;
	font-size: 11px;
}


input[type="text"] {
     
     height: 24px;
     margin: 4px 10px 3px;
     border: 1px solid #b1acac;
     font-size: calc(8px + .2vw);
}

input[type="number"] {
     
     height: 24px;
     margin: 4px 0 3px 4px;
     border: 1px solid #b1acac;
     font-size: 11px;
     -moz-appearance: textfield;
}

input[type="checkbox"] {
     margin: 0 0 0 4px;
     border: 1px solid #b1acac;
     font-size: calc(8px + .2vw);
}

label, input, button, select, textarea {
    
    font-weight: normal;
   
    border: 1px solid #b1acac;
}

.error[type="text"]{
    border:  1px solid #F24607;
    
    
}

.errornum[type="number"]{
    border:  2px solid #F24607; 
    
}

.errortext[type="text"]{
    border:  2px solid #F24607; 
    
}

[contenteditable][placeholder]:empty:before {
  content: attr(placeholder);
 
  color: #999;
  background-color: transparent;
}


.center
{
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background-color: #CCC;
  border-radius: 3px;
}

.finalblock{
  height: 200px;
  padding: 8px 12px 8px 12px;
  border: 2px solid #3B516B;
  margin:10px auto 2px auto;
  text-align: justify;
  font-size: 14px;
}

.showprice{
  font-size: 13px;
  margin: 0 20px 0 0;
  cursor: pointer;
}

.usave{
    display:inline-block;
}

.check{
    display: none;
    border: 2px solid #ffffff;
    padding-right: 10px;
    font-size: 14px;
    background-color: #0597F2;
    
}

.leftnav{
   
    margin: 18px 4px 20px 8px;
}

.catagory{
  opacity:0;
  font-size:1px;
  display:inline;
  line-height:10%;
}

.catagoryout{
  opacity:0;
  font-size:1px;
  display:inline;
  line-height:10%;
}

.products{
    
   
}



.dot{
  opacity:0;
  font-size:1px;
  display:inline;
  line-height:10%;
}

div.switch  {
  background-color: #3B516B;
  font-size: 14px;
  display:inline;
  color:#ffffff;
  padding: 4px 0 0 0;
 
}

div.switch2  {
  background-color: #3B516B;
  font-size: 14px;
  display:inline;
  color:#ffffff;
  padding: 7px 10px 0 0;
  
}

div.switch2a  {
  background-color: #3B516B;
  text-align:left;
  font-size: 14px;
  display:inline;
  color:#ffffff;
  padding: 18px 0 0 0;
  display:none;
} 

div.adj {
 
  text-align:left;
  font-size: 14px;
  display:block;
  color:#ffffff;
   margin:0;
  
}       

div.toggle  {
  
  text-align: left;
  display:inline-block;
  
  
  
}       

div.toolbar  {
  background-color: #3B516B;
  
} 

div.toolbarinset{
   background-color: #e9ecec;
   
    border: 0px solid #e6e6e6;
    padding-top: 2px;
    
}

div.toolbarinsetleft{
   background-color: #e9ecec;
    
    border: 0px solid #e7e7e7;
    
    margin-left: 2px;
    
}

div.toolbarinsetcenter{
 background-color: #e9ecec;
   
    border: 0px solid #e7e7e7;
    margin-left: 2px;
    margin-right: 2px;
}

div.adjustbar{
   display: inline-block;
    background-color: #e9ecec;
   
    border: 0px solid #e7e7e7;
   
    margin-left: 2px;
    color: #555555;
}

.toolbaredittp{
    background-color: #d4d4d4;
    background-image: linear-gradient(#fdfcfc , #f6f6f9 70% );
    border: 2px solid #c1c1c1;
    border-radius: 6px;
    
    color: #555555;
    width: 1300px;
}

.dividertool{
    display: inline;
    padding: 6px 0;
    border-right: 1px solid #b1acac;
}

.sht{
    width: calc(4px + 8vw);
    height: 30px;
   border-radius:0;
    margin: 8px 4px 0 4px;
    font-size: calc(7px + .22vw);
}

.botm {
    border: 1px solid #d4d4d4;
	
	bottom: 0;
	left: 0;
}

.clsx {
    
    z-index: 1;
    position: absolute;
    margin-top: 20px;
    margin-left: -25px;
    display: none;
    
}

.clsx2 {
    
    z-index: 1;
    position: absolute;
    margin-top: -24px;
    
    display:none;
    
}

.topeditcont {
    margin: 0 auto;
    width: 1350px;
}

.paymentblock{
    width: 100px;
    text-align: center;
    margin: 5px auto;
    position: absolute;
    bottom: 0px;
}

.poptitle{
    margin: 6px 0 0 14px;
    padding: 4px;
    display: inline-block;

}

.pmtclass{
    font-size:15px;
}

.rateselo{
    
font-size:9px;
}

div.a {
  /*font-size: smaller;*/
  padding: 4px;
  
}

.handle{
    display: none;
    font-size: 14px;
    text-align: center;
}

.handle2{
    background-color: #ffffff;
    border: 1px solid #b1acac;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
    margin-left: 26px;
    font-size: 10px;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 6px 20px 0 #00000015;
    display:none;
}

.handle3{
    margin: 0 8px 0 -16px;
    display: inline-block;
    font-size: 13px;
    opacity: 0;
}

.handles{
    margin: 0 0 0 32px;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 8px;
    background-color: #0597f2;
    color: #ffffff;
    display:none;
}

.handlea{
   border: none;
   background: none;
   padding: 0px;
   display:inline-block;
   font-size: 14px;
   
}

.handle2a{
  margin: 0 0 0 32px;
  font-size: 13px;
  font-weight: bold;
  padding: 4px 8px;
  background-color: #0597f2;
  color: #ffffff;
  border: none;
  display:none;
  
}

.handle3a{
  
  display:inline-block;
   font-size: 14px;
}

.handlediv{
    margin-top: -10px;
    text-align: center;
    
}

.handlediva{
    display: block;
    width: 20px;
    margin: -20px 0 0 140px;
}
.shww{
   font-size: 20px;
   margin:0 8px 5px;
}

.pricepmtbtn{
    display:inline-block;
    }

.descinput{
    width: 518px;
    border: 1px solid #cccccc;
    padding: 10px;
    margin: 10px 11px 4px;
    font-size: 13px;
    font-weight: bold;
    color: #555555;
    background-color:#ffffff;
}  

#btmbtnn{
    margin-top: -100px;
    padding-right: 120px;
    display:none;
}

.descinputin{
    width: 330px;
    border: 1px solid #b1acac;
    border-radius: 3px;
    padding: 7px;
    margin: 6px 11px 4px;
    font-size: 11px;
    color: #555555;
    background-color: #ffffff;
    min-height: 18px;
}  

.descinput2{
    width: 518px;
    border: 1px solid #cccccc;
    padding: 10px;
    margin: 6px 10px 4px;
    font-size: 13px;
    color: #555555;
    background-color: #ffffff;
    min-height: 18px;
}

.adddescinputin{
   width: 330px;
    border: 1px solid #b1acac;
    border-radius: 3px;
    padding: 7px;
    margin: 4px 11px;
    font-size: 11px;
    color: #555555;
    background-color: #ffffff;
    min-height: 18px;
}



.bulletinput{
    width: 330px;
    border: 1px solid #b1acac;
    border-radius: 3px;
    padding: 7px;
    margin: 1px 11px;
    font-size: 12px;
    color: #555555;
    background-color: #ffffff;
    min-height: 18px;
}

.bulletin1{
    width: 330px;
    border: 1px solid #b1acac;
    border-radius: 3px;
    padding: 7px;
    margin: 8px 11px 4px;
    font-size: 11px;
    color: #555555;
    background-color: #ffffff;
    min-height: 18px;
}

.bulletin2{
    width: 330px;
    border: 1px solid #b1acac;
    border-radius: 3px;
    padding: 7px;
    margin: 4px 11px;
    font-size: 11px;
    color: #555555;
    background-color: #ffffff;
    min-height: 18px;
}

.bulletin3{
    width: 330px;
    border: 1px solid #b1acac;
    border-radius: 3px;
    padding: 7px;
    margin: 4px 11px;
    font-size: 11px;
    color: #555555;
    background-color: #ffffff;
    min-height: 18px;
}


.bookedinput {
    display: inline-block;
    margin: 4px 0 0 2px;
    font-size: 12px;
    padding: 6px 0;
}

.bookedinput2 {
    display: inline-block;
    margin: 4px 0 0 2px;
    font-size: 20px;
    padding: 6px 0;
}

.rescalcu{
   display: none;
    width: 390px;
    border: 1px solid;
    margin-left: 20px;
    padding: 10px;  
}

span.sub-total {
  font-size: 1px;
  visibility:hidden;
  display:none;
}

span.sub-totala {
  font-size: smaller;
  visibility:hidden;
  display:none;
}

span.sub-totalb {
  font-size: smaller;
  visibility:hidden;
  display:none;
}

span.sub-totalc {
  font-size: smaller;
  visibility:hidden;
  display:none;
}

span.sub-total0 {
  font-size: smaller;
  visibility:hidden;
  display:none;
}

span.quantity {
  font-size: 1px;
  display:none;
  
}

span.quantitya {
  font-size: smaller;
  visibility:hidden;
  
}
span.quantityb {
  font-size: smaller;
  visibility:hidden;
  
}

span.quantityc {
  font-size: smaller;
  visibility:hidden;
  
}

.colselect{
  cursor: pointer;
}

.toggle1{
  display: inline-block;
    margin: 18px 0 0 6px;
    width: 16px;
    cursor: pointer;
  content:url(/images/icons/hideicon.png);
}

.homer{
  display: inline-block;
  padding-top: 20px;
  width: 14px;
  cursor: pointer;
  content:url(/images/icons/smallhome.png);
  
}

.toggle2{
  padding-top: 14px;
  cursor: pointer;
  margin-left: 30px;
}

.showtools{
    width: 14px;
    display: inline-block;
    content:url(/images/icons/showicon.png);
}

.showcalc{
    display: inline-block;
    height: 14px;
    margin-left: 30px;
    content:url(/images/icons/smcalc.png);
}

.displayz{
    font-size: calc(5px + .26vw);
    margin: 1px 0 0 0;
}

.declinesmall{
    display:inline-block;
    margin-left: 30px;
    border: none;
    width: 16px;
    height: 16px;
    content: url(/images/icons/declinenew.png);
    
}

a.button { 
  color: #FFFFFF 
}

a.buttonblue {
    background-color: #0597F2;
  border: none;
  color: white;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

a.buttonred {
    background-color: #F24607;
  border: none;
  color: white;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

a.buttonbluetop {
    background-color: #0597F2;
  border: none;
  color: white;
  padding: 8px 100px;
  text-align: center;
   text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

a.buttongreen {
    background-color: #49D907;
  border: none;
  color: white;
  padding: 4px 40px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 4px 2px;
  cursor: pointer;
}


a.buttonbluesm {
    background-color: #0597F2;
  border: none;
  color: white;
  padding: 6px 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 14px;
  cursor: pointer;
}

.buttongreen {
  background-color: #49D907;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

.buttongreen2 {
    background-color: #49D907;
  border: none;
  color: white;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 0 2px 4px;
  cursor: pointer;
}

.buttonwhiteout {
   color: #000;
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
    padding: 6px .8vw;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: calc(7px + .22vw);
    margin: 4px 2px;
    cursor: pointer;
    /* border-radius: 4px; */
    box-shadow: 0px 2px 1px 0px rgb(0 0 0 / 14%), 1px 1px 11px 0 #00000015;
}

.buttonwhiteoutsmall {
   background-color: #ffffff;
    border: 1px solid #d2d2d2;
    padding: 6px .5vw;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: calc(7px + .22vw);
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 0;
    box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 14%), 0px 6px 20px 0 #00000015;
}


.buttonwhiteoutsmaller {
   display: inline;
   background-color: #ffffff;
    border: 1px solid #d2d2d2;
    padding: 8px .5vw;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: calc(7px + .22vw);
    margin: 4px 2px;
    cursor: pointer;
    
   box-shadow: 0px 2px 1px 0px rgb(0 0 0 / 14%), 1px 1px 11px 0 #00000015;
    
    
    
   
}

.bigshade{
    backgound:#d4d4d4
}

.buttonclicked{
  background: #f5f5f5;
    box-shadow: 0px 1px 0px 0px rgb(0 0 0 / 14%), 0px 1px 0px 0 #00000015;
    border: 1px solid #e7e7e7;
}

.buttonx{
    background-color: #ffffff;
    border: 4px solid #c1c1c1;
    padding: 11px 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    z-index: 1;
    cursor: pointer;
    border-radius: 4px;
}

li.productclassout[data-price='0'],[data-price='']{
  display:none;
}

li.productclassout[data-on='0']{
  display:none;
}

.itemtitleout:blank{
  display:none;
}

#closekbtn2{
    display:none;
    margin-left: 11px;
    width: 73px;
}

#ecat0{
  
}

#ecat1{
  
}

#ecat1:focus-within{
    color:#999999;
}

#ecat2{
   
}

#ecat2:focus-within{
    color:#999999;
}

#ecat3{
   
}

#ecat3:focus-within{
    color:#999999;
}

#ecat4{
   
}

#ecat4:focus-within{
    color:#999999;
}


#product-1{
    margin: 0 0 -15px;
}
#product-2{
    margin: 0 0 -15px;
}
#product-3{
    margin: 0 0 -15px;
}
#product-4{
    margin: 0 0 -15px;
}
#product-5{
    margin: 0 0 -15px;
}
#product-6{
    margin: 0 0 -15px;
}
#product-7{
    margin: 0 0 -15px;
}


.prodlogo{
    width: 68px;
    float: right;
    margin: 5px 0 0;

}

.prodlogoout{
    float: right;
    
}

.prodlogooutsm{
    width: calc(3px + 2.5vw);
    margin-top: 5px;
}

.prodlogooutlg{
    width: calc(10px + 3vw);
    margin-right: 5px;
}




.prodlogox{
   width: 100px;
    float: right;
    margin: 10px 0 0;

}

.prodlogoxx{
   width: 100px;
    float: right;
    margin: 10px 0 0;

}

.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.popup .popuptext {
  display: none;
  text-align: left;
    width: 400px;
    height: fit-content;
    background-color: #fff;
    padding: 20px 40px 24px 32px;
    position: fixed;
    z-index: 100;
    margin-left: 20px;
    
    border: 2px solid #ffffff;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

.dim {
            height:100%;
            width:100%;
            position:fixed;
            left:0;
            top:0;
            z-index:99 !important;
            background-color:black;
            opacity: 0.20;
            display: none;
}

.smallsize {
  transform: scale(0.5, 0.5);
    margin-left: -200px;

}

.smallsizeempty {
  transform: scale(0.6, 0.6);
  margin-left: -190px;
}

.smallsizea {
  transform: scale(0.7, 0.7);
  margin-top: -80px;
}

.em{
    background-color:#111;
}




/* Toggle this class - hide and show the popup */
.popup .showa {
  
  display: inline-block;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

.tax {
    display: inline-block;
    margin-left: 90px;
}

.salestax {
    display: inline-block;
    margin-left: 16px;
}

.addedtax {
   display:none;
}



.rezddiv{
    display: none;
    margin-left: 8px;
}

.residualina{
    width: 32px;
    
}

.entres{
    display:none;
    padding: 5px 10px 0;
}


.eprodlogo {
    width: 68px;
    float: right;
    margin: 5px 6px 0 0;
}

.logoselect{
   width: 108px;
   margin-right: 0; 
   height: 34px;
   margin-bottom: 3px;
   color:#999;
    
}


.itemtitle{
  font-size: 14px;
  font-weight:bold;
  margin: 1px 0 2px;
  text-align: left;
  max-width: 165px;
  display:inline-block;
  
}


.itemtitleout{
    
    font-weight: bold;
    margin: 1px 0 2px;
    text-align: left;
   
    display: inline-block;
}

.itemtitleoutsm{
  max-width: 88px;
  font-size: calc(6px + .28vw);
}

.itemtitleoutlg{
  max-width: 240px !important;
  font-size: 8px !important;
}



.itemtitlein{
  padding: 9px 4px;
  width:142px;
  margin-bottom: 3px;
}

.itemterm{
  font-size: 12px;
  color: #999;
  font-weight:bold;
  display: inline;
}

.itemtermbar{
  font-size: 12px;
    color: #999;
    font-weight: bold;
    margin: 0 0 2px 10px;
}

.termsselo{
    font-size: 12px;
}

.rateselo{
    font-size: 12px;
}

.rateselo2{
    font-size: 12px;
}




.termselectin{
   width: 100px;
   height: 24px;
    margin: 4px 10px 3px 0;
    border: 1px solid #b1acac;
    border-radius: 4px;
    font-size: 11px;
    padding: 4px 6px;
    color: #555;
}

.term-altin{
   width: 100px;
    height: 24px;
    margin: 4px 10px 3px 0;
    border: 1px solid #b1acac;
    border-radius: 4px;
    font-size: 11px;
    padding: 4px 6px;
    color: #555;
}

.selectedalt{
   width: 140px;
   font-weight: bold;
   margin-left: 4px;
   
}

.miles-altin{
   margin-left: 4px;
    margin-right: 9px;
    width: 100px;
    height: 24px;
    margin: 4px 10px 3px 0;
    font-size: 11px;
    border: 1px solid #b1acac;
    border-radius: 4px;
    padding: 4px 6px;
    color: #555;
}
.pricealtin{
    width: 75px;
    height: 28px;
    margin: 4px 0 10px 7px;
    
}

.updateddiv{
    width: 100px;
    margin: 5px auto;
}



.itemmiles{
  font-size: 12px;
  color: #999;
  font-weight:bold;
  display: inline;
}

.itemdesout{
    max-width: 210px;
    font-size: 10px;
    margin: 1px 5px 0px 20px;
    line-height: 1.2;
    cursor: context-menu;
}


.itemdes2out{
    font-size:18px;
    font-weight: normal;
}

.itemdesb{
    font-size:18px;
    font-weight: normal;
}

.itemdesbx{
    font-size:18px;
    margin-bottom: 2px;
}

.smdesout{
    max-width: 120px;
    margin: 5px 0 0;
}

.uptitle{
    float: left;
    margin: 8px;
    font-size: calc(4px + .36vw);
}

.itembullet{
    font-size: 18px;
    display: inline;
}

.itembullet1{
    font-size: 18px;
    
    font-weight: normal;
}

.itembullet2{
    font-size: 18px;
    
    font-weight: normal;
}

.itembullet3{
    font-size: 18px;
    
    font-weight: normal;
}

.itemmilesb{
    font-size:20px;
    color:#999999;
}

.itemmilesbx{
    font-size:20px;
    color:#999999;
    display: inline;
}

.itemtermb{
    font-size:20px;
    color:#999999;
}

.itemtermbx{
    font-size:20px;
    color:#999999;
    display: inline;
}

.termdisplay{
   
    max-width: 130px;
}

.termdisplaysm{
    font-size: calc(5px + .2vw);
    max-width: 150px;
}

.termdisplaylg{
    font-size: calc(8px + .3vw);
    max-width: 160px;
    margin-left: 18px;
}

.itemtermout{
   
    color: #999;
    font-weight: bold;
    display: inline;
    
}

.itemmilesout{

    color: #999;
    font-weight: bold;
    display: inline;
    margin-left: 2px;
}


.milesselectin{
    
    margin-left: 4px;
    margin-right: 9px;
    width: 100px;
    height: 24px;
    margin: 4px 10px 3px 0;
    font-size: 11px;
    border: 1px solid #b1acac;
    border-radius: 4px;
    padding: 4px 6px;
    color: #555;
}

.itemtitleb{
   font-size: 22px;
    font-weight: bold;
    max-width: 250px;
}

.itemtitlebx{
   font-size: 22px;
    font-weight: bold;
    max-width: 250px;
    margin-top: 6px;
}

.pricein{
    width: 75px;
    height: 24px;
    margin: 4px 0 10px 7px;
    
}

.catpri{
    width: 120px;
    margin: 0 0 0 10px;
    height: 34px;
}

.taxchx{
   margin: 0 0 0 10px;
}

.saveasnew{
    margin: 0 5px 3px 0;
}


.popclose{
    font-size: 18px;
    text-align: center;
}

.popcloser{
    font-size: 18px;
    text-align: center;
}

.termcont{
    white-space: nowrap;
    text-align:center;
}

.updateformterma{
    width: 68px;
    padding: 4px 6px;
    height: 24px;
    border-radius: 4px;
    font-size: calc(4px + .45vw);
    border-color: #b1acac;
    color: #555;
    
}

.updateformmilesa{
    width: 80px;
    padding: 4px 6px;
    height: 24px;
    margin: 0 0 0 6px;
    border-color: #b1acac;
    border-radius: 4px;
    color: #555;
    font-size: calc(4px + .45vw);
}

.selalttmsout{
    min-width: 180px;
    margin: 10px;
    font-size: calc(4px + .45vw);
}

.addcont{
   margin: 0 auto;
    width: 80px;
   display: inline;

        }
.updateforma{        
    width: 68px;
    height: 24px;
    padding: 4px 6px;
    margin: 8px 0 6px 2px;
    font-size: calc(4px + .45vw);
    
}

.pricindiv{
   
}
        
.input-group-addon{
  display: inline-block;
  margin-left: -30px;
}
        
.addbt{
   background-color: #ffffff;
    border: 1px solid #b1acac;
    padding: 11px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 6px 20px 0 #00000015
}

.addbtwhite{
    background-color: #ffffff;
    border: 1px solid #b1acac;
    padding: 11px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 6px 20px 0 #00000015;
}

.rollpmt{
    display:none;
    background-color: #ffffff;
    border: 1px solid #b1acac;
    padding: 6px .5vw;
    text-align: center;
    text-decoration: none;
    font-size: calc(7px + .22vw);
    margin: 0 0 4px 10px;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 6px 20px 0 #00000015;

}

.clsrollpmt{
    display:none;
    background:none;
    border:none;
    font-size: calc(7px + .5vw);
    margin: 0 0 4px 10px;
    cursor: pointer;
    
}

.rollborder{
    
    padding: 5px;
   
}

.rolldisplayz{
    display: none;
    float: right;
    margin: 0 5px;
}



.pdid{
  display: none;
}

.show{
  cursor: pointer
}

.showad{
  display: inline-block;
  font-size: 20px;
  margin-left: 50px;
}

.adjustmain{
 max-width: 1300px;
}


.gear2{
    width: 30px;
    display: inline-block;
    margin: 0 10px 6px 0;
}

.updateicon{
    width: 18px;
    display: inline-block;
    margin-right: 10px;
}

.dashicon{
    width: 20px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -5px;
    content:url(/images/icons/newprinter.png);
}
.backicon{
    width: 20px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -5px;
    content:url(/images/icons/back_button.png);
}

.saveicon{
    height: 16px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -5px;
    content:url(/images/icons/newsave.png);
}

.declineicon{
    width: 12px;
    display: inline-block;
    margin-right: 10px;
}

.keyclone {
  float: left;
  width: 5px;
  height: 10px;
  margin: 4px 2px 0 -10px;
  display:block;
}

.key1 {
  float: left;
  width: 4px;
  height: 10px;
  margin: 12px 10px 4px 0;
   
  
}

.key1a {
  float: left;
  width: 4px;
  height: 10px;
  margin: 12px 10px 4px 0;
   
  
}

.key1b {
  float: left;
  width: 4px;
  height: 10px;
  margin: 12px 10px 4px 0;
   
  
}

.key2 {
  float: left;
  width: 4px;
  height: 10px;
  margin: 6px 10px 4px 0;
  
}

.key2a {
  float: left;
  width: 4px;
  height: 10px;
  margin: 6px 10px 4px 0;
  
}

.key2b {
  float: left;
  width: 4px;
  height: 10px;
  margin: 6px 10px 4px 0;
  
}

.key {
    float: left;
    width: 8px;
    height: 8px;
    margin: 5px 5px 14px 5px;
    display: none;
     
}

.keyedit {
    float: left;
    width: 12px;
    height: 12px;
    margin: 3px 0 0 -16px;
    padding-bottom: 3px;
   
     
}



.clickWarranty {
    content: url(https://www.gridfire.pro/images/icons/editpencilwarranty.png);
}

.clickSealants {
    content: url(https://www.gridfire.pro/images/icons/editpencilsealants.png);
}

.clickAppearance {
    content: url(https://www.gridfire.pro/images/icons/editpencilappearance.png);
}

.clickMaintenance {
    content: url(https://www.gridfire.pro/images/icons/editpencilmaintenance.png);
}

.clickother {
    content: url(https://www.gridfire.pro/images/icons/editpencilother.png);
}

.clickWheel {
    content: url(https://www.gridfire.pro/images/icons/editpencilwheel.png);
}

.clickGap {
    content: url(https://www.gridfire.pro/images/icons/editpencilgap.png);
}

.clickLease-Protection {
    content: url(https://www.gridfire.pro/images/icons/editpencillease.png);
}

.blue {
  background: #0597F2;
}

.red {
  background: #F24607;
}

.Appearance {
  background: #49D907;
}

.Appearanceborder {
    border: 2px solid #49D907;
 
}




.Wheel {
  background: #40BF06;
}

.Wheelborder {
  border: 2px solid #40BF06;
}

.Gap {
  background: #DB5D04;
 
}

.Gapborder {
  border: 2px solid #DB5D04;
 
}

.purple {
  background: #970FF2;
}

.other {
  background: #c1c1c1;
}

.otherborder {
  border: 2px solid #c1c1c1;
}

.Sealants {
  background: #0752DB;
}

.Sealantsborder {
  border: 2px solid #0752DB;
}

.none {
  background: #c1c1c1;
}

.noneborder {
  border: 2px solid #c1c1c1;
}

.Warranty {
  background: #046FB3;
}

.Warrantyborder {
  border: 2px solid #046FB3;
}

.darkerblue {
  background: #024873;
}

.frenchblue {
  background: #059FFF;
}

.Maintenance {
  background: #0597F2;
}

.Maintenanceborder {
  border: 2px solid #0597F2;
}

.Lease-Protection {
  background: #F5EB2A;
}

.Lease-Protectionborder {
  border: 2px solid #F5EB2A;
}

.indigo {
  background: #0752DB;
}

.shaded {
    display: inline-block;
    padding: 4px 15px;
    color: #ffffff;
    width: 338px;
    
}
.shaded2 {
    background-color: #f6f6f9;
    padding: 10px;
    text-align: left;
    margin: 5px;
    color: #555555;
   
}

.shaded3 {
   
    width: 366px;
    border-radius: 6px;
    border: 1px solid #ffffff;
}


.bullets1{
    display: inline-block;
}

.bulletsd{
 
}

.pricebox {
    
    display: inline-block;
    padding: 0 15px;
    margin-left: -4px;
}

.itemterm1-alt {
   margin: 2px 0 0px 0px;
    padding: 2px 0 2px 10px;
    border: solid 1px #c1c1c1;
    background-color: #f6f6f9;
    width: 358px;
    border-radius: 4px;
}

.enter1{
    width: 366px;
    padding: 5px 0;
    border-radius: 6px;
    margin-top: 15px;
}

.enters{
    
    width: 560px;
    padding: 10px 0 6px;
    font-weight: bold;
    
}


.ent{
    
    width: 560px;
    padding: 10px 0 6px;
    font-weight: bold;
    
    
}

.leaseentry{
    font-size: 11px;
    margin-left: 46px;
    margin-bottom: 10px;


    
}

#lease1ent{
    display:none;
}

#calcres{
    margin-top: 10px;
    display:inline-block;
    
}

.topentery{
    color: #555555;
    border: 1px solid #c1c1c1;
    border-radius: 6px;
    margin: 0 auto;
    text-align: left;
    font-size: 11px;
    background: #ffffff;
    width: 520px;
    z-index: 1;
    display: none;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 6px 20px 0 #00000015;
}

.topentery2{
    color: #555555;
    border: 1px solid #c1c1c1;
    border-radius: 6px;
    margin: 0 auto;
    text-align: left;
    font-size: 11px;
    background: #ffffff;
    width: 370px;
    z-index: 1;
    display: none;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 6px 20px 0 #00000015;
}

.topentery3{
    color: #555555;
    border: 1px solid #c1c1c1;
    padding: 10px;
    border-radius: 6px;
    margin: 5px auto 0;
    text-align: left;
    font-size: 11px;
    background: #ffffff;
    width: 200px;
    z-index: 1;
    display: none;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 6px 20px 0 #00000015;
}

.reservediv{
    width: 920px;
    margin: 0 auto 40px;
    font-size: 12px;
    text-align: left;
}

.booked1{
    width: 86px;
    display: inline-block;
    font-size: 12px;
    border: 1px solid #000000;
    padding: 40px;
    margin-right: 40px;
    text-align: center;
    
}

.bookedred{
    width: 120px;
    display: inline-block;
    font-size: 12px;
    border-radius: 5px;
    border:1px solid #b1acac;
    padding: 10px 10px;
    margin-right: 80px;
    text-align: center;
}

.bookedblue{
     width: 120px;
    display: inline-block;
    font-size: 12px;
    border-radius: 5px;
    border:1px solid #b1acac;
    padding: 10px 10px;
    margin-right: 80px;
    text-align: center;
    
}

.bookedgreen{
    width: 120px;
    display: inline-block;
    font-size: 12px;
    border-radius: 5px;
    border:1px solid #b1acac;
    padding: 10px 10px;
    margin-right: 80px;
    text-align: center;
}

.bookedorange{
   width: 120px;
    display: inline-block;
    font-size: 12px;
    border-radius: 5px;
    border:1px solid #b1acac;
    padding: 10px 10px;
    margin-right: 80px;
    text-align: center;
    
}

.selectbooked{
    border: none;
    width: 80px;
    font-size: 12px;
    color: #333;
}

.bookedtitle{
    margin-bottom: 10px;
    font-size:15px;

}

.reddecline{
   display: none;
    margin: 0 auto 5px;
    padding: 7px 1.42vw;
    font-size: calc(10px + .22vw);
    color: #000000;
    background-color: #ffffff;
    border: 2px solid #c3002f;;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;
    
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 6px 20px 0 #00000015;
    
    
}


.reddeclinea{
   display: block;
    margin: 8px auto 0;
    padding: 7px 1.42vw;
    font-size: calc(8px + .28vw);
    color: #f24607;
    background-color: #ffffff;
    border: 1px solid #b1acac;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 6px 20px 0 #00000015;
    
}

.productclassout{
    z-index:100;
    margin: 0 auto;
    
}

#chooselogo{
  display:none;
}

#decbut{
    display:none;
}




div.bottom  {
  background-color: #0597F2;
  text-align: center;
  padding: 10px 0;
  border: 0px solid #ffffff;
  font-size: 18px;
  color:#ffffff;
  
}       

div.calc {
  background-color: none;
  text-align: center;
  padding: 0px 0;
  border: 0px solid #ffffff;
  font-size: 20px;
  
  
} 

@media print {
   .products1, .grid-containerbottom, .grid-containerbottomsel { display: none !important; }
   
    .itemtitleoutlg { font-size:12px !important;  max-width: 70% !important; margin:0 0 0 10px !important;}
    .prodlogooutlg {width: 20% !important; margin: 1px 5px 0 0 !important; }
    
    .key { display:none !important;}
     .dealerlogo { max-width: 60px !important; }
    
    .menudots{ display:none !important;}
    
    
    .pmtdis{ margin-left: 10px !important;}
    
    .termdisplaylg{font-size:10px !important; font-weight:400 !important; margin-left: 10px !important;}
    .body  {font-family: Verdana, sans-serif !important;}
    .smtbutton {display:none !important;}
    .itemtitleout {margin: 1px 0 0;}
    .itemtermout {font-size:9px !important; font-weight:400 !important;}
    .itemmilesout {font-size:9px !important; font-weight:400 !important;}
    .itemdesout {font-size:9px !important; font-weight:400 !important; margin: 1px 0 0 10px !important; max-width: 89% !important;}
    .propricez {font-size:9px !important;}
    .propmtz {font-size:9px !important;}
    .rollborder {font-size:11px !important;}
    .termsselo {font-size:11px !important;}
    .smtbutton2 {font-size:11px !important;}
   
   


    
}

#printlogo{
  display:none;
}

#sigline{
    border-bottom: 1px solid #333;
    margin: 0 0 0 10px;
    width: 100%;
}




.item-container{
 min-width: 139px;
    background: #ffffff;
    border: 1px solid #4a4f54;
    color: #2b2b2b;
    margin: 5px auto 0 auto;
    text-align: left;
    cursor: default;
    line-height: 1.4;
    /*box-shadow: 0 3px 2px 0 rgb(0 0 0 / 8%);*/
  
}



#item-containerf{
  width: 240px;
  padding: 4px 4px 4px 16px;
  border: 2px solid #3B516B;
  margin: 0 auto;
  text-align: left;
  font-size: 12px;
}



.item-containere {
    width: 370px;
    padding: 4px;
    border-radius: 6px;
    margin: 0 auto;
    text-align: left;
    font-size: 11px;
    background: #ffffff;
}

#one{
  padding: 2px;
  
  text-align: center;
  font-size: 20px;
  margin: 0 0 -25px;
}

#catagory{
  display:none;
}

input:focus, textarea:focus, select:focus, div:focus, p23:focus, span:focus,button:focus{
        outline: none;
}

#ecust:focus-within{
    color:#999999;
}



#edate:focus-within{
    color:#999999;
}

.destext{
 margin: 6px 0 6px 15px;

    }

.destextb {
   margin: 0 0 0 15px;
}


.pricedisp{
  display:none;
  border: 2px solid #d4d4d4;
  border-radius: 4px;
  margin: 25px .6vw 15px;
  text-align:center;
    
}

.canceled{
    display: inline-block;
    margin: 4px 0 0 2px;
    font-size: 12px;
    padding: 6px 0;

}

.nam{
    font-size: 14px;
}

.hideinput{
    visibility:hidden;
    height:1px;
    width:1px;
}

.prlogo{
    width:50px;
    margin: 10px 10px;
}

.preprice{
   font-size: calc(5px + 0.42vw);
   
}

#finaltab{
    display:none;
}

#siggy{
    margin: 0 auto;
    width: 540px;
    padding: 20px;
    display: none;
    
}

#datetop:not(:focus) {
  border: none;
  font-size: calc(8px + .4vw);
  box-shadow: none;
  padding: 0px;
  color:#333333;
}

#diff{
  color: red
}
#diffa{
  color: red
}

#diffb{
  color: red
}

#diffc{
  color: red
}

#colhead1{
 
 border-bottom: 6px solid #F24607;
}

#colhead2{
 
 border-bottom: 6px solid #0597F2;
}

#colhead3{
 
 border-bottom: 6px solid #49D907;
}

#colhead4{

 border-bottom: 6px solid #EAF205;
}


#bin{
 
}

#selectedm{
  border: 2px solid #000;
    background-color: #fff;
   
    position: relative;
    min-width: 180px;  
    
}

#itemtitle{
  font-size: 14px;
  font-weight:bold;
  margin: 1px 0 2px;
  text-align: left;
}

#itemterm{
  font-size: 12px;
  color: #999;
  font-weight:bold;
  margin: 0 0 2px 10px;
}

#columnsel{
    display:inline-block;
}


#rollpayment {
  width: 100%;
  padding: 20px 0;
  text-align: center;
  background-color: #ffffff;
  margin-top: 20px;
  display: none;
}

#rollpaymenta {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  background-color: #ffffff;
  margin-top: 20px;
  display: none;
}

#rollpaymentb {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  background-color: #ffffff;
  margin-top: 20px;
  display: none;
}

#rollpaymentc {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  background-color: #ffffff;
  margin-top: 20px;
  display: none;
}

#bottombin  {

}

#stylename3{
    display:none;
    margin-left: 6px;
}

#adjust{
   display: inline-block;
   padding: 3px .5vw 3px .4vw;
   font-size: calc(7px + .22vw);
   margin-left: .5vw;
}



#toggle2{
 display:none;
}

#dealdetails{
   width:320px;
   margin: 20px auto;
   padding: 10px;
   display: none;
   border: 1px solid #c1c1c1;
   border-radius: 6px;
}

#myElement {
  background: blue;
    height: 140px;
    width: 140px;
    left: 30px; top: 30px;
    position: absolute;
    font: 25px Helvetica, Arial, sans-serif;
    color: white;
    line-height: 140px;
    text-align: center;
}
#status {
  height: 25px;
  left: 0; right: 0; bottom: 0;
  position: absolute;
  z-index: 100;
  background: lightgray;
  padding: 8px 5px 0 10px;
  font: 85% Helvetica, Arial, sans-serif;
  border-top: 1px solid darkgray;
}

#content{
    background-color:#ffffff;
}

#menux{
    display:none;
    
}

#disco{
    
    display:block;
    font-size:8px;
    width: 96%;
    margin: 2px auto 0;
    line-height: normal;
    text-align: justify;
    
}

#discesig{
    
   display: none !important; 
}

#discosig{
    display: block;
    font-size: 8px;
    width: 450px;
    margin: 2px auto 0;
    line-height: normal;
    text-align: justify;
   
    
}

#discosig::before { 
  content: "I/we acknowledge this document was presented before signing the retail installment contract or lease agreement.Pricing and monthly payments may vary by tax, term, and selected products. All products are optional and may be purchased individually. Product selections do not affect financing approval or APR. Descriptions are summaries only; review product/service documents for complete details.";
}


#print-container{
    margin-right: 10px;
  
}

        ul.bullet {
        
        list-style-type:square;
        width: 260px;
        border: 1px solid #cccccc;
        padding: 10px 0 10px 24px;
        margin: 6px 10px 4px;
        font-size: 13px;
        color: #555555;
    
        }
        
        ul.bulletshow {
        
        list-style-type:square;
        width: 260px;
        
        padding: 10px 0 10px 24px;
        margin: 6px 10px 4px;
        font-size: 13px;
        color: #555555;
    
        }
        
        .selcd{
        min-height: 64vh;
    
        background-color: #ffffff;
        margin: 2px;
        }
        
        .menus0{
        min-height: 64vh;
    
       
        margin: 2px;
        }
        
        
        ul.selcd li{
			list-style: none;
			margin: 0 0 0px;
			padding: 0px;
			
		}

        ul.products2 li{
			list-style: none;
			margin: 0 0 0px;
			padding: 0px;
			
		}
		
		ul.products3 li{
			list-style: none;
			margin: 0 0 -30px;
			padding: 0px;
			padding:0;
		}



		ul.products li{
			list-style: none;
			margin: 0 0 0 0;
			padding: 0px;
			
		}
		
		ul.menus0 li{
			list-style: none;
            margin-bottom: 8px;
            padding: 0px 3px;
			
            
		}
	

         ul.menus li{
			list-style: none;
            margin-bottom: 8px;
            padding: 0px 3px;
			
            
		}

        ul.menus2 li{
			list-style: none;
            margin-bottom: 8px;
            padding: 0px 3px;
		
		}

       ul.menus3 li{
			list-style: none;
            margin-bottom: 8px;
            padding: 0px 3px;
			
		}

       ul.menus4 li{
			list-style: none;
            margin-bottom: 8px;
            padding: 0px 3px;
			
		}

        .menuall{
         
         margin: 0 auto;
         }
         
        
         
         
		section#cart ul{
		    
            min-height: 64vh;
            /*position: relative;*/
           
            margin: 0;
            
            
            
         
		}

       section#cart1 ul{
			
            min-height: 64vh;
            /*position: relative;*/
            
            margin: 0;
           
            
		}

       section#cart2 ul{
			
            min-height: 64vh;
           /*position: relative;*/
           
            margin: 0;
            
            
		}

      section#cart3 ul{
			
            min-height: 64vh;
            /*position: relative;*/
            
            margin: 0;
            
            
		}

       section#products ul{
            list-style: none;
			
            margin: 4px 8px 0 8px;
            overflow: auto;
           
			
		}
		
		section#productsde ul{
            list-style: none;
			height: 720px;
            margin: 2px;
            overflow: auto;
            padding:2px;
         
			
		}
		
		.header{
		    
		display:none;
		}

section {
	display: block;
}

footer {
  display:none;
}