﻿
.img_btn_wasap
{
    width:100%;
    height:auto;
}

.input_container
{
    width:90%;
    /*max-width:400px;*/
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;
    font-size:16px;
    text-align:center;
 
}

.denied
{
    width:90%;
    margin-left:5%;
    margin-right:5%;
    height:70vh;
    text-align:center;
    font-size:large;
}


.get_lead_btn
{
    border:3px solid white;
    width:auto;
    height:auto;
    padding:5px 10px 5px 10px;
    font-size:16px;
    background-color:#7fbb42;
    color:White;
    cursor:pointer;
    border-radius:5px;
    font-weight:bold;
    -webkit-appearance: none;
    -webkit-border-radius:5px;
    
       
    
}

.get_lead_btn_div
{
    height:auto;
    margin-top:20px;    
    text-align:center;
    font-size:18px;
    
}


.prospect_img_container
{ width:646px;
  height:auto;
  border:0px solid red;
  margin-top:40px;
  margin-left:auto;
  margin-right:auto;
  
    
    
}


.prospect_img
{
    border:1px solid gray;
    width:200px;
    height:auto;
    margin:5px;
}


.btn_prev

{
    width:130px;
    height:auto;
    margin-right:10px;
    
    padding:10px;
    border-radius:5px;
    border:1px solid #7fbb42;
    margin-top:40px;
    margin-bottom:10px;
    background-color:White;
    cursor:pointer;
    color:#7fbb42;
    font-size:14px;
    -webkit-appearance: none;
    -webkit-border-radius:5px;
}

.btn_next

{
    width:130px;
    height:auto;
 
    padding:10px;
    border-radius:5px;
    border:1px solid #7fbb42;
    margin-top:40px;
    margin-bottom:10px;
    background-color:#7fbb42;
    cursor:pointer;
    color:White;
    font-size:14px;
    -webkit-appearance: none;
    -webkit-border-radius:5px;
}

.rdb_tariff
{
    width:50%;
    height:50px;
    text-align:left;
    padding:10px;
    font-size:18px;
    border:1px solid gray;
    margin-left:auto;
    margin-right:auto;
    border-bottom:0px; 
    
}

.rdb_tariff_bottom
{
    width:50%;
    height:50px;
    text-align:left;
    padding:10px;
    font-size:18px;
    border:1px solid gray;
    margin-left:auto;
    margin-right:auto;
   
    
}

.prefix_msg_txtbox
{
    width:50%;
    height:200px;
    text-align:left;
    padding:10px;
    font-size:18px;
    border:1px solid gray;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
    resize:none;
}


.radiobtn input[type="radio"] 
{
    width:18px;
    height:18px;
    margin-right:15px;
}


.prospect_ddl
{
    width:300px;
    /*border-top:0px solid black;
    border-left:0px solid black;
    border-right:0px solid black;*/
    border:1px solid #7fbb42;
    height:40px;
    font-size:18px;
    text-align:left;
    padding: 5px 15px 5px 15px;
    background-color:#f6f6f6;
    border-radius:20px;
    margin-bottom:0px;
    margin-top:0px;
   
}



.pop_out_box_prospect {
   /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


.pop_out_content_prospect

{
  background-color: white;
  margin-top:10%;
  margin-left:25%;
  margin-right:25%; /* 15% from the top and centered */
  margin-bottom:200px;
  padding: 30px;
  border: 0px solid #888;
  width: 50%; /* Could be more or less, depending on screen size */
  height:auto;
  overflow:auto;
  min-height:100px;
  font-family:Calibri;
  font-size:25px;
  
}

.txtbox_prospect
{
    width:80%;
    height:150px;
    border:1px solid #7fbb42;
    font-size:12px;
    margin-top:20px;
    padding:10px;
    border-radius:10px;
}


.btn_close_spec_prospect

{
    width:20%;
    height:auto;
    margin-left:40%;
    margin-right:40%;
    float:right;
    padding:10px;
    border-radius:5px;
    border:2px solid #7fbb42;
    margin-top:10px;
    margin-bottom:10px;
    background-color:#7fbb42;
    cursor:pointer;
    color:White;
    font-size:14px;
    -webkit-appearance: none;
    -webkit-border-radius:5px;
}


.btn_close_update_prospect
{
    width:20%;
    height:auto;
    margin-left:40%;
    margin-right:40%;
    float:right;
    padding:10px;
    border-radius:5px;
    border:2px solid #7fbb42;
    margin-top:10px;
    margin-bottom:10px;
    background-color:transparent;
    cursor:pointer;
    color:#7fbb42;
    font-size:14px;
    -webkit-appearance: none;
    -webkit-border-radius:5px;
}


.btn_close_update_prospect:hover
{
    background-color:#7fbb42;
    color:White;
    
}

.btn_update_prospect
{
    width:auto;
    height:auto;
    padding:5px;
    font-size:12px;
    border:1px solid #7fbb42;
    border-radius:6px;
    background-color:#7fbb42;
    cursor:pointer;
    color:White;
}


.q_btn_l

{
    width:120px;
    height:auto;
    border:1px solid #7fbb42;
    padding:10px 30px 10px 30px;
    margin-right:10px;
    border-radius:5px;
    cursor:pointer;
    margin-top:20px;
    margin-bottom:20px;
    
}

.q_btn_l:hover

{
    background-color:#7fbb42;
    color:White;
    
}

.ddl_input
{
    
    width:300px;
    height:40px;
    padding:5px 15px 5px 15px;
    background-color:#f6f6f6;
    text-align:center;
    border-radius:20px;
    cursor:pointer;
    font-size:16px;
    margin-top:20px;
    margin-bottom:20px;
    border:1px solid #7fbb42;
   
    
}

.ddl_input_select_inverter
{
    
    width:250px;
    height:30px;
    padding:5px 10px 5px 10px;
    background-color:#f6f6f6;
    text-align:center;
    border-radius:15px;
    cursor:pointer;
    font-size:14px;
    margin-top:5px;
    margin-bottom:5px;
    border:1px solid #7fbb42;
    
   
    
}

.btn_add_inverter_inv_div
{
    
    width:250px;
    height:30px;
    float:left;
    padding:5px 10px 5px 10px;
    background-color:#7fbb42;
    text-align:center;
    border-radius:15px;
    cursor:pointer;
    font-size:14px;
    margin-top:-10px;
    margin-bottom:5px;
    color:White;
    border:1px solid #7fbb42;
   
    
}

.help_img
{
    width:100%;
    height:auto;
}


.cashflow_btn

{
    width:auto;
    height:auto;
    border:1px solid #7fbb42;
    background-color: #7fbb42;
    padding:10px 10px 10px 10px;
    margin-right:10px;
    border-radius:5px;
    float:left;
    color:White;
    cursor:pointer;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:5px;
    
}

.contact_ppl_btn

{
    width:auto;
    height:auto;
    border:1px solid #7fbb42;
    padding:10px 10px 10px 10px;
    margin-right:10px;
    border-radius:5px;
    float:left;
    cursor:pointer;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:5px;
    
}

.contact_ppl_btn:hover

{
     width:auto;
    height:auto;
    background-color: #7fbb42;
    color:White;
    padding:10px 10px 10px 10px;
    margin-right:10px;
    border-radius:5px;
    float:left;
    cursor:pointer;
    margin-top:20px;
    margin-bottom:20px;
    
}

.search_response_txtbox
{
    width:100%;
    height:auto;
    background-color:transparent;
    border: none;
    overflow:hidden;
    resize:none;
   
}


.auto_height
{
    
    height:auto;
}

.grid_view
{
    width:90%;
    min-width:850px;
    margin-top:40px;
    margin-left:5%;
    margin-right:5%;
    margin-bottom:30px;
}

.grid_view2
{
    width:100%;
    min-width:850px;
    margin-top:40px;
   
    margin-bottom:30px;
}

.gridview_main_box
{
    width:100%;
    
}


.gridview_container
{
    width:100%;
    min-height:500px;
    border:0px solid red;
    overflow-x:auto;
    
}

.tnc_text_align
{
    text-align:justify;
    padding:30px;
 
}


.welcome_holder
{
    width:150px;
    position:absolute;
    top:25px;
    text-align:center;
    left:45%;
}

.about_me_holder
{
    width:60%;
    height:100%;
    margin-left:20%;
    margin-right:20%;
}


.about_me_left
{
    width:80%;
    height:auto;
    float:left;
    padding:40px 20px 20px 30px;
    text-align:justify;
    font-size:18px;
   
}

.about_me_right
{
    width:20%;
    height:auto;
    float:left;
    padding:10px;
 
   
}

.about_me_img
{
    width:100%;
    height:auto;
    border-radius:50%;
    padding:5px;
}


.header_div
{
    width:100%;
    height:auto;
    float:left;
    text-align:left;
    border-left: 0px solid black;
    border-right: 0px solid black;
    border-top: 0px solid black;
    border-bottom: 3px solid #7fbb42;
    color:black;
    
}


.lit_div
{
    
 width:100%;
 height:auto;
 overflow-x:auto;
 margin-top:20px;
 padding:10px;
    
}


.lit_div_prospect
{
    
 width:100%;
 height:auto;
 overflow-x:auto;
 margin-top:20px;
 padding:10px;
 text-align:left;
    
}

@media only screen and (max-width: 420px) 
{


.get_lead_btn
{
    border:3px solid white;
    width:auto;
    height:auto;
    padding:5px 10px 5px 10px;
    font-size:9px;
    background-color:#7fbb42;
    color:White;
    cursor:pointer;
    border-radius:5px;
    font-weight:bold;
    -webkit-appearance: none;
    -webkit-border-radius:5px;
    
       
    
}


.prospect_img_container
{ width:324px;
  height:auto;
  border:0px solid red;
  margin-top:40px;
  margin-left:auto;
  margin-right:auto;
    
    
}

.prospect_img
{
    border:1px solid gray;
    width:140px;
    height:auto;
    margin:5px;

}
    

.btn_prev
{
    width:40%;
}

.btn_next
{
    width:40%;
}

    
    
.pop_out_content_prospect
{
  background-color: white;
  margin-top:30%;
  margin-left:10%;
  margin-right:10%; /* 15% from the top and centered */
  margin-bottom:200px;
  padding: 30px;
  border: 0px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  height:auto;
  overflow:auto;
  min-height:100px;
  font-family:Calibri;
  font-size:20px;
  
}    



.lit_div_prospect
{
    
 width:1000px;
 height:auto;
 overflow-x:auto;
 margin-top:20px;
 padding:10px;
    
}
  
.about_me_holder
{
    width:90%;
    height:100%;
    margin-left:5%;
    margin-right:5%;
    font-size:14px;
}


.about_me_left
{
    width:100%;
    height:auto;
    float:left;
    padding:10px 10px 10px 10px;
    text-align:justify;
}

.about_me_right
{
    width:100%;
    height:auto;
    float:left;
    padding:10px;
    font-size:18px;
}

.about_me_img
{
    width:60%;
    height:auto;
    margin-left:20%;
    margin-right:20%;
}
  
  
    
    
    .gridview_container
{
    width:100%;
    
    border:0px solid red;
   
}

.welcome_holder
{
    width:150px;
    position:absolute;
    top:25px;
    text-align:center;
    left:30%;
}
    
    
.btn_close_update_prospect
{
    width:40%;
    height:auto;
    margin-left:30%;
    margin-right:30%;
    float:right;
    padding:10px;
    border-radius:5px;
    border:2px solid #7fbb42;
    margin-top:10px;
    margin-bottom:10px;
    background-color:transparent;
    cursor:pointer;
    color:#7fbb42;
    font-size:18px;
    -webkit-appearance: none;
    -webkit-border-radius:5px;
}
  
.btn_close_spec_prospect

{
    width:40%;
    height:auto;
    margin-left:30%;
    margin-right:30%;
    float:right;
    padding:10px;
    border-radius:5px;
    border:2px solid #7fbb42;
    margin-top:10px;
    margin-bottom:10px;
    background-color:#7fbb42;
    cursor:pointer;
    color:White;
    font-size:18px;
    -webkit-appearance: none;
    -webkit-border-radius:5px;
}


.rdb_tariff
{
    width:90%;
    height:40px;
    text-align:left;
    padding:10px;
    font-size:10px;
    border:1px solid gray;
    margin-left:auto;
    margin-right:auto;
    border-bottom:0px; 
    
}




.prefix_msg_txtbox

{
    width:90%;
}

.rdb_tariff_bottom
{
    width:90%;
    height:40px;
    text-align:left;
    padding:10px;
    font-size:10px;
    border:1px solid gray;
    margin-left:auto;
    margin-right:auto;
   
    
}

.radiobtn input[type="radio"] 
{
    width:12px;
    height:12px;
    margin-right:7px;
}

.get_lead_btn
{
    font-size:12px;
}

.get_lead_btn_div
{
    font-size:14px;
    text-align:left;
    padding-left:20px;
}

    
}
