/* Dynamic CSS */

/*CONTRACT PAGE AFTER PRICE PROTECTION PAGE*/

#page-contract table#contract-upper-grid-table>tbody>tr>td#account_number_title,
#page-contract table#contract-upper-grid-table>tbody>tr>td#account_number_value,
#page-contract table#contract-upper-grid-table>tbody>tr>td#program_title,
#page-contract table#contract-upper-grid-table>tbody>tr>td#program_name,
#page-contract #main-contract-table>tbody>tr>td#contract-title,
#page-contract #budget-table>tbody>tr>td#budget-heading-description,
#page-contract #budget-table>tbody>tr>td#budget-heading-service-plan-amount,
#page-contract #budget-table>tbody>tr>td#budget-heading-rate,
#page-contract #budget-table>tbody>tr>td#budget-heading-amount,
#page-contract #budget-table>tbody>tr>td#budget-heading-applied-balance,
#page-contract #budget-table>tbody>tr>td#budget-heading-amount-due,
#page-contract #budget-table>tbody>tr>td#budget-heading-additional-payments{
    font-weight: bold;
}

/*Mimics Bootstrap classes for table table-bordered*/
#page-contract #contract-upper-grid-table,
#page-contract #budget-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}


#page-contract #budget-table>tbody>tr>td#budget-heading-choice {
    border-right: none;
}
#page-contract #budget-table>tbody>tr>td#budget-heading-description {
    border-left: none;
}


#page-contract #contract-upper-grid-table>tbody>tr>td, #page-contract #contract-upper-grid-table>tbody>tr, #page-contract #budget-table>tbody>tr>td {
    vertical-align: middle;
    padding: 12px;
    line-height: 1.5;
}
#page-contract #contract-upper-grid-table>tbody>tr>td:not(.contract-right),#page-contract #contract-upper-grid-table>tbody>tr, #page-contract #budget-table>tbody>tr>td {
    border: 1px solid #ddd;
    vertical-align: middle;
    padding: 12px;
    line-height: 1.5;
}

#page-contract #contract-upper-grid-table>tbody>tr>td#fee-per-gal_value {
    border: none;
}
.contract-left {
    font-weight: bold;
}
.contract-left, .contract-right {
    width: 25%;
}
td#fee-per-gal_value {
    width: 100%;
}
div#current_rate, td#credit_balance_value {
    width: 100%;
}
.contract-left {
    font-weight: bold;
}

span.contract-help h4 {
    display: inline-block;
}

td#enter_gallons_title, span.contract-help, div#contract-telephonic {
    background-color: yellow;
    font-weight: bold;
    color: #000000;
} 
input#gallons {
  float:left;
  width: 60%;
  border-radius: 0.3rem 0 0 0.3rem;
}
input#cmdCalc {
  min-width: 25%;
  float: left;
  border-radius: 0px !important;
  margin: 0 !important;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
}

div#gallon_box {
    float: left;
    width: 100%;
}
/*Remove extra spacer cells*/
#page-contract #contract-upper-grid-table>tbody>tr>td.contract-middle {display: none;}

/*Mimics Bootstrap classes for table-striped*/
#page-contract #contract-upper-grid-table>tbody>tr:nth-of-type(odd),
#page-contract #budget-table>tbody>tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

#page-contract #budget-table>tbody>tr:first-child {
    background: none;
}

#page-contract #budget-table>tbody>tr:first-child > td {border: 0;padding-left: 0;}

/*for service plan selection area on contract */

table#service-table {
    margin-bottom: 20px;
}

table#service-table,
table#service-table tr td
{
    margin:0 auto;
    border: 1px solid #ddd;
    padding: 8px;
    line-height: 1.42857143;
}

table#service-table,
table#service-table tbody
{
    width: 100%;
}

table#service-table tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

table#service-table td.service-choice-heading
{
    white-space:nowrap;
}

table#service-table tr td.service-choice-100
{
    text-align:left;
}

tr.current-service-plan td
{
        background-color:yellow;
}

#page-contract td.service-heading
{
    font-size:12px;
    font-weight:bold;
}

#page-contract td.service-choice-heading
{
    font-weight: bold;
    text-align: center;
}

.service-choice-heading
{
    font-weight:bold;
    text-align:center;
    background-color:#f9f9f9;
}

#page-contract span.input-group-addon {
	border: 1px solid #ced4da;
     padding: 12px;  
    background: #ffffff;
    border-right: 0;
    line-height: 2; 
}




/*Contract Email*/

   #page-contract table#contract-email-table td:nth-child(odd) {
       font-weight: bold;
   }

#page-contract table#budget-table td.single-budget-option-acknowledge input#budget_signup_id {
    margin-left: 5px !important;
}

@media only screen and (min-width: 992px) {
    
  #page-contract table#contract-email-table td:nth-child(odd) {
       padding: 0 10px;
   }
}

@media only screen and (max-width: 991px) {

#page-contract table#contract-email-table {
    width: 100%;
}

#page-contract table#contract-email-table td {
    float: left;
    width: 100%;
    margin-top: 10px;
}

}

#page-contract table#contract-email-table td:nth-child(odd):first-child {
    padding-left: 0;
}

#page-contract .question_appear div[style*="font-weight: bold; display: block;"] {
    margin: 10px 0 20px 0;
    
    /*Alert Style*/
    background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
    background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
    background-repeat: repeat-x;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
    color: #8a6d3b;
    background-color: #fcf8e3;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #faebcc;
    border-radius: 4px;
}

/*Terms and Agreement*/
#page-contract table#check-terms-table td.check-terms-cell
{
    vertical-align:top;
    padding: 10px 0;
}

#page-contract div#terms-and-conditions-div
{
    margin: 0 0 10px 0;
    border: 1px solid #c0c0c0;
    padding: 5px;
}


/*Bottom Terms and Agreement Checkboxes*/


#page-contract div#contract-telephonic,
#page-contract div#terms_cage {
    margin-top: 20px;
}

#page-contract table#check-terms-table {
    margin-top: 10px;
}

#page-contract table#check-terms-table td {
    padding-top: 10px;
}


#page-contract div#read-and-agree-area {
    margin-bottom: 10px;
}

#page-contract table#check-terms-table input[type=checkbox] {
    margin-right: 5px;
}

#page-contract input#cmdSubmit {
    padding: 10px 16px;
}

@media only screen and (max-width: 991px) {
  #page-contract input#cmdSubmit {
    margin-bottom: 15px;

  }

}

#page-contract div#terms_cage p {
    margin-top: 10px;
}