@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap";
@import "http://fonts.cdnfonts.com/css/agency-fb";
@import "https://fonts.googleapis.com/css2?family=Barlow&display=swap";



html {
    position: relative;
    min-height: 100%;
    height: :100%;
  }
  body {
    margin-bottom: 60px; /* Margin bottom by footer height */
  }
  .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
  }

.modalAbandonedCart .modal-backdrop {background-color:rgb(94, 86, 86);}

.orderTableFont
{
    font-size: 1.5rem !important;
}

    .currSign:before {
        content: '$';
    }


.selectPlanRadio input[type="radio"]
{
   /* position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; 
    */
    appearance: none;
    height: 27px;
    width: 27px;
    background-color: #d9d9d9;
    border-radius: 50%;
    
    
        border: 1px solid gray;
  }

  .selectPlanRadio input[type="radio"]::before
   {
    display: block;
    content: " ";
   /* width: 10px;
    height: 10px;
    border-radius: 6px;
    background-color: red;
    margin-right: 10px;
    */
    height: 20px;
    width: 20px;
    background-color: royalblue;
    border-radius: 50%;
    
    transform: translate(0px, 0px) scale(0);
    transform-origin: center;
    transition: all 0.3s ease-in;
  }
  
  .selectPlanRadio input[type="radio"]:checked::before
   {
    transform: translate(3px, 3px) scale(1);
    transition: all 0.3s cubic-bezier(0.25, 0.25, 0.56, 2);
  }


  .selectPlanRadio .planTitleHeading
  {
    color:#232323;

  }

  .selectPlanRadio input[type="radio"]:checked + .planTitleContainer .planTitleHeading
  {
    color:royalblue;
    transition: all 0.3s cubic-bezier(0.25, 0.25, 0.56, 2);
  }

  .selectPlanRadioContent
  {
    
    
  }

  .dot
  {
    height: 20px;
    width: 20px;
    background-color: #d9d9d9;
    border-radius: 50%;
    position: relative;
  }

  /* When the radio button is checked, add a blue background */
  .selectPlanRadio input:checked .dot
 {
    background-color: #2196F3;
  }

@media print 
{
    #printConfirmationBtn
    {
        display :  none;
    }

    #returnToHomeBtn
    {
        display :  none;
    }

    #allDoneHeading
    {
        display :  none;
    }

    #completeHeading
    {
        display :  none;
    }
}