/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .elex-product-page-shipping-calculator-templete-container{
     clear:both;
     display:block;
     margin-top:15px;
     margin-bottom:15px;
 }

 .elex-product-page-shipping-calculator-methods-content{
     display:block;
     margin:10px 0px;
     background:#ccc;
     border-radius:3px;
     color:#000;
     padding:10px 7px;
 }

 .elex-product-page-shipping-calculator-form-section{
    padding: 10px;
    border: 1px solid #ccc;
 }

 .elex-product-page-shipping-calculator-form-section .form-row input,
 .elex-product-page-shipping-calculator-form-section .form-row select{
     margin-bottom:20px;
     margin-left:0px;
 }

 .elex-product-page-shipping-calculator-form-section .button{
     margin-bottom:20px;
 }

 .elex-product-page-shipping-calculator-form-section input[type="text"], .elex-product-page-shipping-calculator-form-section select{
     display:block;
     border:1px solid #ccc;
     padding:7px;
 }

 .elex-product-page-shipping-calculator-shipping-methods{
    margin-top: 10px !important;
    margin-bottom:5px !important;
    padding: 0px !important;
    margin-left: 0px !important;
 }

 .elex-product-page-shipping-calculator-shipping-methods li{
     margin-left:25px;
 }

 #elex-product-page-shipping-calculator-error-div .woocommerce-error, #elex-product-page-shipping-calculator-error-div .woocommerce-info,  #elex-product-page-shipping-calculator-error-div .woocommerce-message{
     margin-bottom:5px;
 }

 body.elex-product-page-shipping-calculator-templete-processing .elex-product-page-shipping-calculator-templete-container{
    opacity:0.4;
 }

 #elex-product-page-shipping-calculator-shipping-rates-container{
     display:inline-block;
 }