/* Move down content because we have a fixed navbar that is 50px tall */
/*NOTE...I changed the color of the site from Black to White on April 13 2024, but when publishing the live site
    kept the old black value.  After hours of research, I needed to change the name of the Site.css file so all caching 
    gets rest.  So, I am now using the date as part of the name.  I then searched for all references of site.css and changed
    them to the new name.
*/
body {
    padding-top: 10px;
    padding-bottom: 20px;
    background: white;
    color: white;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: auto;
    margin-right: auto;
}

.Site_InvoicePaymentStatusMaster_Content {
    margin-left: 0 auto;
    margin-right: 0 auto;
    color: #f4f5f8;
    width: 940px;
}

.Site_PaperlessBillingRegistrationMaster_Content {
    margin-left: 0 auto;
    margin-right: 0 auto;
    color: black;
    background-color: white;
    width: 940px;
    font-size: small;
}
/*Equipment Column Widths*/
/*Total should be > 950 b/c of Detail Table*/
.EquipmentNumber {
    width: 100px;
}
.SerialNumber {
    width: 150px;
}
.Item {
    width: 150px;
}
.Location {
    width: 200px;
}
.LocationAddress {
    width: 300px;
}

/*Meter Column Widths*/
.Meter_EquipmentNumber {
    width: 120px;
}
.Meter_LastMeterDate {
    width: 120px;
}
.Meter_MeterType {
    width: 100px;
}
.Meter_Meter {
    width: 400px;
}

/*Related Item Column Widths*/
/*Total should be 950*/
.ItemColumn_Item {
    width: 125px;
}
.ItemColumn_ItemDesc {
    width: 175px;
}
.ItemColumn_CatDescription {
    width: 200px;
}
.ItemColumn_MeterType {
    width: 75px;
}
.ItemColumn_Price {
    width: 75px;
}
.ItemColumn_Add {
    width: 75px;
    
}
.ItemColumn_End {
    width: 10px;
}
.ItemButton {
    width: 75px;
    background-color: white;
    color: black;
}

/*Shopping Cart*/
.CartColumn_EquipmentNumber {
    width: 85px;
}
.CartColumn_Model {
    width: 150px;
}
.CartColumn_Item {
    width: 100px;
}
.CartColumn_ItemDesc {
    width: 300px;
}
.CartColumn_Quantity {
    width: 75px;
}
.CartColumn_Price {
    width: 75px;
}
.CartColumn_Delete {
    width: 75px;
}


.CartColumn_Contact {
    width: 125px;
}
.CartColumn_CustomerNumber {
    width: 85px;
}

.CartColumn_Customer {
    width: 250px;
}

.CartColumn_Address {
    width: 200px;
}
.CartColumn_ShipMethod {
    width: 80px;
}
.CartColumn_PONumber {
    width: 75px;
}
.CartColumn_StockingCode {
    width: 50px;
}
.CartColumn_Branch {
    width: 25px;
}

.CartGridDiv {
    min-height: 200px; /*changed from 600px on 2/6/18 to bring bottom up higher*/
}

.CartBottomDiv {
    min-height: 100px; 
}
/*Supply Orders*/

.floatleft_div_left
{
    float: left;
    width: 220px;
    height : 20px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_spacer
{
    float: left;
    width: 5px;
    height : 20px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_right {
    float: left;
    /*width: 900px;*/ /*commented out 4/10/24*/
    height: 20px;
    text-align: left;
    color: #5b9b00;
    white-space: nowrap;
    display: inline-block;
    /*background-color: yellow;*/
}

.floatleft_div_left_hidden
{
    float: left;
    width: 0px;
    height : 0px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_spacer_hidden
{
    float: left;
    width: 0px;
    height : 0px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_right_hidden
{
    float: left;
    width: 0px;
    height : 0px;
    text-align: left;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_left_multiline
{
    float: left;
    width: 220px;
    height : 60px;
    text-align: right;
    color: white;
    
    /*background-color: yellow;*/
}

.floatleft_div_spacer_multiline
{
    float: left;
    width: 5px;
    height : 60px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_right_multiline {
    float: left;
    width: 750px;
    height: 60px;
    text-align: left;
    color: #5b9b00;
    /*background-color: yellow;*/
}

.floatleft_div_right_multiline_MeterPolicy
{
    float: left;
    width: 750px;
    height : 20px;
    text-align: left;
    color: #313e48;
    /*border-style: solid;
    border-width: 1px inherit;
    border-color: green;*/
    font-size: small;
    /*background-color: yellow;*/
}

.floatleft_div_left_supply_header
{
    float: left;
    /*width: 140px;*/
    height : 15px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_right_supply_header {
    float: left;
    /*width: 150px;*/
    height: 15px;
    text-align: left;
    color: #5b9b00;
    /*background-color: yellow;*/
}
.floatleft_div_right2_supply_header {
    float: left;
    /*width: 300px;*/
    height: 15px;
    text-align: left;
    color: #5b9b00;
    /*background-color: yellow;*/
}
.floatleft_div_right_nocolorchange
{
    float: left;
    
}

.floatleft_div_left_header
{
    float: left;
    width: 150px;
    height : 20px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_spacer_header
{
    float: left;
    width: 5px;
    height : 20px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_right_header {
    float: left;
    /*width: 500px;*/
    height: 20px;
    text-align: left;
    color: #5b9b00;
    white-space: nowrap;
    display: inline-block;
    /*background-color: yellow;*/
}

/*Meters*/
.MetersSubmittedDiv
{
    color: red;
    font-size: 250%;
    
}

/*Order Info*/
.header_OrderInfo {
    height: 20px;
    color: white;
    background-color: #313e48;
    font-family: serif;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    border: 0px;
}
.header_OrderInfo2
{
    height: 10px;
    color: white;
    background-color: #222222;
    font-family: serif;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.header_OrderInfo_Sub
{
    height: 20px;
    color: white;
    background-color: #222222;
    font-family: serif;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.floatleft_div_left_OrderInfo
{
    float: left;
    width: 220px;
    height : 25px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_spacer_OrderInfo
{
    float: left;
    width: 5px;
    height : 25px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_right_OrderInfo {
    float: left;
    width: 160px;
    height: 25px;
    text-align: left;
    color: #5b9b00;
    /*background-color: yellow;*/
}
.floatleft_div_right2_OrderInfo {
    float: left;
    width: 100px;
    height: 25px;
    text-align: left;
    color: #5b9b00;
    /*background-color: yellow;*/
}


.floatleft_div_left_DOEPerformanceReport_Equipment {
    float: left;
    width: 140px;
    height: 25px;
    text-align: right;
    color: #313e48;
    /*background-color: yellow;*/
}


.floatleft_div_left_DOE_Equipment_OrderStatusReport {
    float: left;
    width: 200px;
    height: 25px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}
.floatleft_div_left_DOE_Equipment_OrderStatusReport_textLeft {
    float: left;
    width: 200px;
    height: 25px;
    text-align: left;
    color: white;
    /*background-color: yellow;*/
}
.floatleft_div_left_OrderInfo_ServiceRequest
{
    float: left;
    width: 220px;
    height : 25px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_spacer_OrderInfo_ServiceRequest
{
    float: left;
    width: 5px;
    height : 25px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}
.floatleft_div_right_OrderInfo_ServiceRequest {
    float: left;
    width: 250px;
    height: 100px;
    text-align: left;
    color: #5b9b00;
    /*background-color: yellow;*/
}
.floatleft_div_right2_OrderInfo_ServiceRequest {
    float: left;
    width: 400px;
    height: 25px;
    text-align: left;
    color: #5b9b00;
    /*background-color: yellow;*/
}

/*Shopping Cart*/
.floatleft_div_left_ShoppingCart
{
    float: left;
    width: 100px;
    height : 25px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_spacer_ShoppingCart
{
    float: left;
    width: 5px;
    height : 25px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_right_ShoppingCart {
    float: left;
    width: 170px;
    height: 25px;
    text-align: left;
    color: #5b9b00;
    /*background-color: yellow;*/
}
.floatleft_div_right2_ShoppingCart {
    float: left;
    width: 450px;
    height: 25px;
    text-align: left;
    color: #5b9b00;
    /*background-color: yellow;*/
}

.floatleft_div_left_EditEquipmentContact
{
    float: left;
    width: 200px;
    height : 20px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_right_EditEquipmentContact {
    float: left;
    width: 225px;
    height: 20px;
    text-align: left;
    color: #5b9b00;
    /*background-color: yellow;*/
}
.floatleft_div_right2_EditEquipmentContact {
    float: left;
    width: 800px;
    height: 20px;
    text-align: left;
    color: #5b9b00;
    /*background-color: yellow;*/
}

/*Todd 3/19/18 Edit Equipment Location contact info*/

.floatleft_div_left_ExistingContact
{
    float: left;
    width: 220px;
    height : 10px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_spacer_ExistingContact
{
    float: left;
    width: 5px;
    height : 10px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_value_ExistingContact {
    float: left;
    height: 10px;
    text-align: left;
    color: #5b9b00;
    /*background-color: yellow;*/
}
.floatleft_div_linked_ExistingContact {
    float: left;
    width: 750px;
    height: 10px;
    text-align: left;
    color: #5b9b00;
    /*background-color: yellow;*/
}



.floatleft_div_right_UpdateNotice {
    float: left;
    height: 10px;
    text-align: left;
    color: #5b9b00;
    /*background-color: yellow;*/
}



/*Todd 3/27/18 User Permissions*/

.floatleft_div_Notes_UserPermissions
{
    float: left;
    width: 150px;
    height : 20px;
    text-align: right;
    color: white;
    /*background-color: yellow;*/
}
.floatleft_div_Notes2_UserPermissions
{
    float: left;
    width: 700px;
    height : 20px;
    text-align: left;
    color: white;
    /*background-color: yellow;*/
}

.floatleft_div_Column1_UserPermissions
{
    
    
    float: left;
    width: 300px;
    height : 20px;
    text-align: right;
    color: white;
    
    /*background-color: yellow;*/
}

.floatleft_div_spacer_UserPermissions
{
    
    float: left;
    width: 5px;
    height : 20px;
    text-align: right;
    color: white;
   
    /*background-color: yellow;*/
}

.floatleft_div_Column2_UserPermissions
{
    
    float: left;
    width: 300px;
    height : 20px;
    text-align: right;
    color: white;
   
    /*background-color: yellow;*/
}
.floatleft_div_Column3_UserPermissions
{
    
    float: left;
    width: 300px;
    height : 20px;
    text-align: right;
    color: white;
    
    /*background-color: yellow;*/
}



/*End Todd 3/27/18 User Permissions*/


/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
/*changed background from black to #313e48 4/8/24*/
.body-content {
    /* padding-left: 15px;
    padding-right: 15px;*/
    width: auto !important;
    background: white;
}

/*Todd removed this 1/23/18 b/c it was causing text in the radcomboboxes to cut off - it was overriding the input*/
/* Set widths on the form inputs since otherwise they're 100% wide */
/*
    
input,
select,
textarea {
    max-width: 400px;
}
*/


/*Todd - master*/
.nav
.customNavBarInverse {
    color: #5b9b00 !important;
    vertical-align: top !important;
    display: inline-block !important;
    border: 0 !important;
    width: auto !important;
    /*color: white !important;*/
    /*background-color: white !important;*/
}
.customNavNode {
    text-align: center !important;
    vertical-align: middle !important;
    text-transform: uppercase !important;
    width: auto !important;
    color: #313e48 !important;
    /*background-color: white !important;*/
    border-color: white !important;
}

.customNavNodeCart {
    text-align: center !important;
    vertical-align: middle !important;
    text-transform: uppercase !important;
    width: auto !important;
    padding-left: 0px;
    color: #5b9b00 !important;
   /* background-color: white !important;*/
}
.customNavNodeImage {
            border: 0 !important;
            vertical-align: middle !important;
            width: auto !important;
            
           
        }

/*End Todd Master*/

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}


.submitButton {
    margin-left: 0px;
    float: left;
}
 
.resetButton {
    float: right;
    margin-right: 10px;
}

table.center {
    margin-left:auto; 
    margin-right:auto;
  }

 .default_container {
    color: white !important;
    }

.default_container table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    color: white !important;
      
}

.default_container table th,
    .default_container table td {
        padding: 6px 10px;
        text-align: center;
        width: 32%;
        color: white !important;
    }

.default_tableHeader {
    color: white;
}

.default_tableHeadings {
    color: white !important;
}
.default_tableCell {
    color: white !important;
    align-items: center !important;
    text-align: center !important;
}
.centerBtn {
    text-align: center;
    vertical-align: middle;
}

.footer {
    position: relative;
    bottom: 0px;
    /*Change the color as per your need */
    /*background-color: #666;*/
    color: #313e48;
    width: auto;
    height: 50px;
    /*text-align:center;*/
}

.TextBoxUpper {

    text-transform: uppercase !important;
}

.ButtonGreen {
    border-radius: 3px !important;
    background-color: #5b9b00 !important;
    color: white !important;
}
.ButtonGreenCart {
    border-radius: 3px !important;
    border-width: 0px !important;
    border-color: #5b9b00 !important;
    background-color: #5b9b00 !important;
    color: white !important;
}
.ButtonGreeniPowerCatalogAddToCart {
    border-radius: 3px !important;
    border-width: 0px !important;
    border-color: #5b9b00 !important;
    background-color: #5b9b00 !important;
    color: white !important;
    width: 80px;
    height: 25px;
}
.ButtonGreenLoadSavedCartSelect {
    border-radius: 3px !important;
    border-width: 0px !important;
    border-color: #5b9b00 !important;
    background-color: #5b9b00 !important;
    color: white !important;
    width: 50px;
    height: 20px;
    font-size: x-small;
}
.ButtonGreenBigMeters {
    border-radius: 3px !important;
    background-color: #5b9b00 !important;
    color: white !important;
}
.ButtonWhiteGreen {
    border-radius: 3px !important;
    background-color: white !important;
    color: #5b9b00 !important;
}
.QuestionTextBox {
}