body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/* Table Size Styles
-----------------------------------------------------------*/



/* Custom Styles
-----------------------------------------------------------*/
.pullRight {
    text-align: right;
}
#contentContainer {
    margin-top: 75px;
}

#contentArea td {
    padding:10px;
}

.odd {
    background-color: #f6f6f6;
}

.twelveHours {
    background-color : #f0e25c !important;
    border-bottom:3px solid #a09424;
}

.stale {
    background-color : #fcb0a6 !important;
    border-bottom:3px solid #cc7f75;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/Content/images/loading.gif') 
                50% 50% 
                no-repeat;
}

#contentContainer.loading {
    overflow: hidden;   
}

#contentContainer.loading .modal {
    display: block;
}

#Export {
    margin: 40px;
}


/* Modem Styles
-----------------------------------------------------------*/
#SiteName {
    width:15%;
}
#City {
    width:5%;
}
#State {
    width:5%;
}
#InstallDate {
    width:10%;
}
#LastCoinTrans {
    width:10%;
}
#LastCardTrans {
    width:8%;
}

/*
    Table Scroll
*/

.table-scroll {
    display: table;
    width: 2300px;
    max-width: 2300px !important;
}

.table-scroll thead {
    display: table;
    width: 100%;
    table-layout: fixed;
    /*overflow-wrap: break-word;*/
}

.table-scroll tbody {
    overflow-y: auto;
    width: 100%;
    table-layout: fixed;
    display: block;
    max-height : 400px;
    /*overflow-wrap: break-word;*/
}

.table-scroll tr {
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center;
}

.table-scroll th {
    text-align: center;
    width: 30px;
    /*margin: 0 auto;*/
    padding-left: 20px;
}

.table-scroll td {
    height: 25px;
    width: 30px;
    /*margin: 0 auto;*/
    padding-left: 20px;
    text-align: center;
    /*white-space: pre-line;*/
}

.div-scroll {
    max-width: 100%;
    overflow-x: scroll;
}