body {
    padding-bottom: 20px;
}

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

/* 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;
}

.textbox-500 {
    width:500px;
}

.stripe-grey {
    background-color:lightgrey;
}

.stripe-darkblue {
    background-color:darkblue;
    color:white;
}

.stripe-coral {
    background-color:lightcoral;
}

.stripe-darkgreen {
    background-color:darkgreen;
    color:white;
}

.stripe-black {
    background-color:black;
    color:white;
}

.stripe-darkgrey {
    background-color:darkgrey;
    color:white;
}

.stripe-slate {
    background-color:lightslategrey;
}

.cell-amount {
    text-align:right;
    padding-right:10px !important;
}

.cell-limit {
    max-width: 150px;
}
.equip-label {
    width: 200px;
    text-align: right;
}

.equip-ctrl {
    width: 65px;
}

a.white-link { 
    font-weight:bold; 
    color: white; 
    text-decoration: none; 
    font-size:large;
    cursor:pointer;
} 

a.white-link:hover
{ 
    font-weight:bolder; 
    color: white; 
    text-decoration: none; 
    font-size:large;
    cursor:pointer;
} 

.white-header { 
    font-weight:bold; 
    color: white; 
    text-decoration: none; 
    font-size:large;
    border-bottom-color:white; 
    border-bottom-style:solid;
    border-bottom-width:thin;
    margin-left:4px;
    white-space:nowrap;
    overflow:hidden;
} 

.white-row {
    color: white; 
    border:thin;
    border-color:white;
    border-bottom:solid;
    border-bottom-width:thin;
    margin-left:4px;
    white-space:nowrap;
    overflow:hidden;
}

a.white-row-link {
    color: white; 
    text-decoration: none; 
    cursor:pointer;
}

a.white-row-link:hover
{ 
    font-weight:bolder; 
    color: white; 
    text-decoration: none; 
    cursor:pointer;
} 

a.black-link { 
    font-weight:bold; 
    color: black; 
    text-decoration: none; 
    font-size:large;
    cursor:pointer;
} 

a.black-link:hover
{ 
    font-weight:bold; 
    color: black; 
    text-decoration: none; 
    font-size:large;
    cursor:pointer;
} 

.black-header { 
    font-weight:bold; 
    color: black; 
    text-decoration: none; 
    font-size:large;
    border-bottom-color:black; 
    border-bottom-style:solid;
    border-bottom-width:thin;
    margin-left:4px;
    white-space:nowrap;
    overflow:hidden;
} 

.black-row {
    color: black; 
    border:thin;
    border-color:black;
    border-bottom:solid;
    border-bottom-width:thin;
    margin-left:4px;
    white-space:nowrap;
    overflow:hidden;
}

a.black-row-link {
    color: black; 
    text-decoration: none; 
    cursor:pointer;
}

a.black-row-link:hover
{ 
    font-weight:bold; 
    color: black; 
    text-decoration: none; 
    cursor:pointer;
} 

header {
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
}

footer {
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0;
}

.white-row:hover {
    background-color:white;
    color:black;
    opacity:0.7;
    white-space:nowrap;
    overflow:hidden;
}

.white-row:hover a {
    color:black;
}

.black-row:hover {
    background-color:#83acc9;
    color:white;
    white-space:nowrap;
    overflow:hidden;
}

.black-row:hover a {
    color:white;
}

.black-row-hover, .black-row-hover:hover, .black-row-hover a, .black-row-hover:hover a {
    color: black;
}

a.black-row-hover {
    color: black; 
    text-decoration: none; 
    cursor:pointer;
}

a.black-row-hover:hover
{ 
    font-weight:bold; 
    color: black; 
    text-decoration: none; 
    cursor:pointer;
}

.black-row-nonhighlight {
    color: black; 
    border:thin;
    border-color:black;
    border-bottom:solid;
    border-bottom-width:thin;
    margin-left:4px;
    white-space:nowrap;
    overflow:hidden;
}

a.black-row-nonhighlight {
    color: black; 
    text-decoration: none; 
    cursor:pointer;
}

.vertical{
    writing-mode:vertical-lr;
    /*-webkit-transform:rotate(90deg);*/
    /*transform: rotate(90deg);*/
    /*white-space:nowrap;*/
    /*display:block;*/
    bottom:-30px;
    float:left;
    padding-top:20px;
    padding-left:0;

}

.black-row-dr-val {
    color: black; 
    border:thin;
    border-color:black;
    border-bottom:solid;
    border-bottom-width:thin;
    margin-left:4px;
    background-color: #F8E0E0;
    white-space:nowrap;
    overflow:hidden;
}

.black-row-dr-val:hover {
    background-color:#F5A9A9;
    color:black;
}

.black-row-dr-val:hover a {
    color:black;
}

.black-row-dr-fin {
    color: black;
    border: thin;
    border-color: black;
    border-bottom: solid;
    border-bottom-width: thin;
    margin-left: 4px;
    background-color: #e0f2ff;
    white-space: nowrap;
    overflow: hidden;
}

.black-row-dr-fin:hover {
    background-color: #96C1E0;
    color: black;
}

.black-row-dr-fin:hover a {
    color: black;
}

.black-row-qa-val {
    color: black; 
    border:thin;
    border-color:black;
    border-bottom:solid;
    border-bottom-width:thin;
    margin-left:4px;
    background-color: #eeeedd;
    white-space:nowrap;
    overflow:hidden;
}

.black-row-qa-val:hover {
    background-color:#b8b894;
    color:white;
}

.black-row-qa-val:hover a {
    color:black;
}

.black-row-mi-val {
    color: black; 
    border:thin;
    border-color:black;
    border-bottom:solid;
    border-bottom-width:thin;
    margin-left:4px;
    background-color: #fff8ef;
    white-space:nowrap;
    overflow:hidden;
}

.black-row-mi-val:hover {
    background-color:#F8E0E0;
    color:black;
}

.black-row-mi-val:hover a {
    color:black;
}

.black-row-mi-nonhighlight {
    color: black; 
    background-color:#F8E0E0;
    border:thin;
    border-color:black;
    border-bottom:solid;
    border-bottom-width:thin;
    margin-left:4px;
    white-space:nowrap;
    overflow:hidden;
}

.black-row-inv-val {
    color: black; 
    border:thin;
    border-color:black;
    border-bottom:solid;
    border-bottom-width:thin;
    margin-left:4px;
    background-color:#dff2da;
    white-space:nowrap;
    overflow:hidden;
}

.black-row-inv-val:hover {
    background-color:#84b56e;
    color:white;
    white-space:nowrap;
    overflow:hidden;
}

.black-row-inv-val:hover a {
    color:black;
}

.black-row-inv-nonhighlight {
    color: black; 
    background-color:#dff2da;
    border:thin;
    border-color:black;
    border-bottom:solid;
    border-bottom-width:thin;
    margin-left:4px;
    white-space:nowrap;
    overflow:hidden;
}

.black-row-sap-val {
    color: black; 
    border:thin;
    border-color:black;
    border-bottom:solid;
    border-bottom-width:thin;
    margin-left:4px;
    background-color: #bce5a9;
    white-space:nowrap;
    overflow:hidden;
}

.black-row-sap-val:hover {
    background-color:#84b56e;
    color:white;
    white-space:nowrap;
    overflow:hidden;
}

.black-row-sap-val:hover a {
    color:white;
}

.black-row-sap-nonhighlight {
    color: black; 
    background-color:#84b56e;
    border:thin;
    border-color:black;
    border-bottom:solid;
    border-bottom-width:thin;
    margin-left:4px;
    white-space:nowrap;
    overflow:hidden;
}

a.black-mi-row-nonhighlight {
    color: black; 
    text-decoration: none; 
    cursor:pointer;
}

.ticketboxdiv {
    padding-left:1px;
    padding-right:0px;
}

.ticket-line-group {
    margin-left: 0px;
    margin-right: 0px;
    padding:0;
    /*
    padding-right: 8px;
    padding-left: 10px;*/
}

.ticket-box-group {
    margin-top:4px;
}

.ticket-numberbox {
    padding-left:0;
    padding-right: 5px;
}

.matrix-row {
    color: black; 
    border:thin;
    border-color:white;
    border-bottom:solid;
    border-bottom-width:thin;
    margin-left:4px;
    white-space:nowrap;
    overflow:hidden;
}

a.matrix-row-link {
    color: black; 
    text-decoration: none; 
    cursor:pointer;
}

a.matrix-row-link:hover, a.matrix-row-link.hovered
{ 
    font-weight:bolder; 
    color: white; 
    text-decoration: none; 
    cursor:pointer;
} 

.matrix-row:hover, .matrix-row.hovered {
    background-color:white;
    color:white;
    opacity:0.8;
    white-space:nowrap;
    overflow:hidden;
}

.matrix-row:hover a, .matrix-row.hovered a {
    color:white;
}

.matrix-header {
    cursor:pointer;
    display:inline-block;
    padding-left:2px;
    padding-right:2px;
}

.matrix-header-nonlink {
    cursor:default;
    display:inline-block;
    padding-left:2px;
    padding-right:2px;
}

.matrix-line {
    display:inline-block;
    padding-left:2px;
    padding-right:2px;
    white-space:nowrap;
    overflow:hidden;
}

.black-row-tm:hover {
    background-color:#83acc9;
    color:white;
    white-space:nowrap;
    overflow:hidden;
}

.black-row-tm:hover a {
    color:white;
}

.black-row-tm {
    margin-left:0;
}

.m-25 {
    width:25px;
}

.m-50 {
    width:50px;
}

.m-75 {
    width:75px;
}

.m-100 {
    width:100px;
}

.m-125 {
    width:125px;
}

.m-150 {
    width:150px;
}

.m-175 {
    width:175px;
}

.m-200 {
    width:200px;
}

.m-225 {
    width:225px;
}

.m-250 {
    width:250px;
}

.m-275 {
    width:275px;
}

.m-300 {
    width:300px;
}

.m-325 {
    width:325px;
}

.m-350 {
    width:350px;
}

.m-375 {
    width:375px;
}

.m-400 {
    width:400px;
}

.m-425 {
    width:425px;
}

.m-450 {
    width:450px;
}

.m-475 {
    width:475px;
}

.m-500 {
    width:500px;
}

.m-525 {
    width:525px;
}

.m-550 {
    width:550px;
}

.m-575 {
    width:575px;
}

.m-600 {
    width:600px;
}

.m-625 {
    width:625px;
}

.m-650 {
    width:650px;
}

.m-675 {
    width:675px;
}

.m-700 {
    width:700px;
}

.m-725 {
    width:725px;
}

.m-750 {
    width:750px;
}

.m-775 {
    width:775px;
}

.m-800 {
    width:800px;
}

.inv-10 {
    display:inline-block;
    margin:0;
    padding:0;
    width:9.090909%;
}

.inv-12 {
    display:inline-block;
    margin:0;
    padding:0;
}

.chkbox {
    font-size:x-large;
}

.personnellist {
    padding-top:17px !important;
}

.chkbox-personnel {
    width:25px;
    height:25px;
}

.mobilesroset a {
    color:black;
    font-size:medium
}

.mobilesroset {
    background-color:lightgray;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    border-radius:5px;
    padding-left:0;
    padding-right:0;
    padding-top:10px;
    padding-bottom:10px;
}

.mobilesroinputgroup .input-group-addon {
    min-width:9em;
    font-weight:bold;
    font-size:larger;
    text-align:left
}

.mobilesroinputgroup {
    margin-top: 1em;
}

.mobilesroinputgroup .form-control {
    font-size:large;
}

.mobilesrodetails {
    margin-top:1em;
    font-weight:bold;
    font-size:larger;
}

.mobilesroexpense {
    font-size:large;
    padding:0;
    margin-top:.5em;
}

.mobilesroexpense .col-xs-9 {
    padding:0;
}

.mobilesrotable {
    margin:auto;
    padding:0;
}

.mobilesrotable input {
    font-size:larger;
    margin-top:20%;
}

.bg-wonouse {
    background-color: #fcfbf2;
}

.bg-wononouse {
    background-color: #fcf4f2;
}

.sromobile-mi-val {
    color: black;
    background-color: #fff8ef;
}

.sromobile-inv-val {
    color: black;
    background-color: #dff2da;
}

.sromobile-sap-val {
    color: black;
    background-color: #bce5a9;
}

.blank-qa-row {
    color: black;
    border: thin;
    border-color: black;
    border-bottom: solid;
    border-bottom-width: thin;
    margin-left: 4px;
    white-space: nowrap;
    overflow: hidden;
}

a.blank-qa-row-link {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

a.blank-qa-row-link:hover {
    font-weight: bold;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.blank-qa-row:hover {
    background-color: #dde4eb;
    white-space: nowrap;
    overflow: hidden;
}

.invselectedcost {
    width: 9%;
    background-color: darkseagreen;
    border-radius: 6px;
    padding: 0 6px;
    margin-left: 1%;
}

.invunselectedcost {
    width: 10%;
}

.invhighlightcost {
    width: 9%;
    background-color: wheat;
    border-radius: 6px;
    padding: 0 6px;
    margin-left: 0.5%;
}

.invhighlightcost, .invhighlightcost:hover, .invhighlightcost a, .invhighlightcost:hover a {
    color: black !important;
}

.selectorMain {
    font-size: x-large;
    color: antiquewhite;
    width: 30%;
    margin-right: 20px;
}

.invhighlightnontmcost {
    background-color: wheat;
    border-radius: 6px;
    font-weight: bold;
}

.invhighlightnontmcost, .invhighlightnontmcost:hover, .invhighlightnontmcost a, .invhighlightnontmcost:hover a {
    color: black !important;
}