/* CSS SHEET FOR THE QUOTE FORM PAGE */

#QuotePanelOuter{
  margin-top: 70px;
  padding-left: 140px;
  padding-right: 140px;
  padding-top: 30px;
  
}

#QuotePage_Image{
    background-image: url("/img/QuoteFormBackground.jpg"); /* The image used */
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 1600px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    
}

#QuoteFormLeftPanel{
    border-bottom: solid 1px #ededed;
    padding-bottom: 25px;
}

#QuoteFormRightPanel{
    padding-top: 25px;
} 
     

#contact-details-label{
    margin-bottom: 0px;
}

.health-q-warning{
    font-size: 11px;
    color: red;
}

.disclaimer-warning{
    font-size: 11px;
    margin-bottom: 0px;
}

.card-footer{
    padding-top: 20px;
    padding-bottom: 20px;
}

#footer{
    margin-top: 0px !important;
}

.insurer-logos-quote-form{
    width: 65px; 
    margin: 0px 17px 0px 17px;
}

.new-homepage-trustpilot-widget{
    margin-top: 40px;
    margin-bottom: 20px;
}

#quote-form-button{
    font-size: 30px;
}

.quote-form-header-stars{
    margin-left: 5px;
    margin-right: 5px;
}

#quoteFormTooltipModalCSS{
    font-size: 12px;
    text-decoration: none;
    color: black;
}



          /* CSS for when the browser's width is 767px wide or less: MOBILE DEVICES */
          @media screen and (max-width: 767px) {
            
                #startchange2{
                    padding: 0px;
                }
                
                #myModalLabel{
                    font-size: 20px;
                }
                
                #QuotePanelOuter{
                  margin-top: 50px;
                  padding-left: 0px;
                  padding-right: 0px;
                  padding-top: 20px;
                }
                
                #QuotePage_Image{
                    background-color: #cccccc; /* Used if the image is unavailable */
                    height: 1870px; /* You must set a specified height */
                    background-position: center; /* Center the image */
                    background-repeat: no-repeat; /* Do not repeat the image */
                    background-size: cover; /* Resize the background image to cover the entire container */
                    padding-left: 8px;
                    padding-right: 8px;
                }

                #QuoteFormLeftPanel{
                    border-right: none;
                    border-bottom: solid 1px #ededed;
                    padding-bottom: 25px;
                }
                
                #QuoteFormRightPanel{
                    padding-top: 25px;
                } 
                
                .health-q-warning{
                    font-size: 10px;
                    color: red;
                }

                .quoteform-sub-headers{
                    font-size: 12px;
                }
                
                #mobile-form-contact-details-subheader{
                    display: block;
                }
                
                #tandc_tickbox{
                    font-size: 13px;
                }
                
                .card-footer{
                    padding-top: 10px;
                    padding-bottom: 10px;
                }
                
                .insurer-logos-quote-form{
                    width: 45px; 
                    margin: 0px 20px 0px 20px;
                }
                
                #quote-form-button{
                    font-size: 20px;
                }
                
                .quote-form-header-stars{
                    margin-left: 3px;
                    margin-right: 3px;
                }

          }


          /* CSS for when the browser's width is 768px wide up to 1024px wide: TABLETS */
          @media only screen 
            and (min-device-width: 768px) 
            and (max-device-width: 1023px) 
              {
                  
                #QuotePanelOuter{
                  margin-top: 70px;
                  padding-left: 0px;
                  padding-right: 0px;
                  padding-top: 20px;
                }
                
                #QuotePage_Image{
                    background-color: #cccccc; /* Used if the image is unavailable */
                    height: 1570px; /* You must set a specified height */
                    background-position: center; /* Center the image */
                    background-repeat: no-repeat; /* Do not repeat the image */
                    background-size: cover; /* Resize the background image to cover the entire container */
                    padding-left: 8px;
                    padding-right: 8px;
                }

                #QuoteFormLeftPanel{
                    border-right: none;
                    border-bottom: solid 1px #ededed;
                    padding-bottom: 25px;
                }
                
                #QuoteFormRightPanel{
                    padding-top: 25px;
                } 
                
                .quoteform-sub-headers{
                    font-size: 12px;
                }
                
                #mobile-form-contact-details-subheader{
                    display: block;
                }
                
                #tandc_tickbox{
                    font-size: 15px;
                }
                
                .card-footer{
                    padding-top: 10px;
                    padding-bottom: 10px;
                }
                
                .insurer-logos-quote-form{
                    width: 50px; 
                    margin: 0px 10px 0px 10px;
                }
                
            }