﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;

}

tr {
    padding-top: 5px;
}

.btn-text {
    float: right;
    color: #a6a6a6;
}

.table-del {
  padding: 5px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 1px solid #dddddd;
    width: 100%;
}

.table-del thead {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

.table-del th, td, tr{
    padding: 3px;
}

.comboDDL {
    width: 216px;
}

.comboTBox {
    margin-left: -215px;
    width: 195px;
    height: 1.4em;
    border: 0
}

.table-topdialog {
  padding: 5px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 1px solid #dddddd;
    width: 100%;
}

.table-topdialog thead {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

.table-topdialog th, td, tr{
    padding: 3px;
    border-bottom: 1px solid #dddddd;
}

.table-deliverycontents thead {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

.table-deliverycontents th, td{
    padding: 3px;
    border-bottom: 1px solid #dddddd;
}
.table-deliverycontents tr {
    padding: 3px;
    border: 1px solid #dddddd;
}

.td-label {
    font-weight: bold;
    width: 15%;
    text-align: right;
    /*background-color: lightblue;*/
}
.td-label-lefttop {
    font-weight: bold;
    width: 15%;
    text-align: right;
    border-left: goldenrod solid medium;
    border-top: goldenrod solid medium 
}
.td-label-leftbot {
    font-weight: bold;
    width: 15%;
    text-align: right;
    border-left: goldenrod solid medium;
    border-bottom: goldenrod solid medium;
}
.td-label-leftmid {
    font-weight: bold;
    width: 15%;
    text-align: right;
    border-left: goldenrod solid medium;
}


.td-label-righttop {
    width: 35%;
    border-right: black solid medium;
    border-top: goldenrod solid medium 
}
.td-label-rightbot {
    width: 35%;
    border-right: black solid medium;
    border-bottom: goldenrod solid medium;
}
.td-label-rightmid {
    width: 35%;
    border-right: black solid medium;
}
.td-label2-lefttop {
    font-weight: bold;
    width: 15%;
    text-align: right;
    border-top: goldenrod solid medium 
}
.td-label2-leftbot {
    font-weight: bold;
    width: 15%;
    text-align: right;
    border-bottom: goldenrod solid medium;
}
.td-label2-leftmid {
    font-weight: bold;
    width: 15%;
    text-align: right;
}
.td-label2-righttop {
    width: 35%;
    border-right: goldenrod solid medium;
    border-top: goldenrod solid medium 
}
.td-label2-rightbot {
    width: 35%;
    border-right: goldenrod solid medium;
    border-bottom: goldenrod solid medium;
}
.td-label2-rightmid {
    width: 35%;
    border-right: goldenrod solid medium;
}



.td-labelinfo {
    font-weight: bold;
    width: 15%;
    text-align: right;
    /*background-color: burlywood;*/
}
.td-display {
    width: 35%;
    border-right: 1px #dddddd solid;
}
.labelDelivery {
    padding-right: 5px;
    padding-bottom: 5px;
}

.inputDelivery {
    border-radius: 4px;
    min-width: 240px;
}
.inputDelivery2 {
    border-radius: 4px;
    min-width: 150px;
}
.inputDelivery3 {
    border-radius: 4px;
    min-width: 200px;
}
.inputDelivery4 {
    border-radius: 4px;
    max-width: 100px;
}
.inputDriver {
    border-radius: 4px;
    min-width: 85px;
}

.inputDeliveryDisabled {
    border-radius: 4px;
    min-width: 250px;
    background-color: #dddddd;
}

.inputDeliverySm {
    border-radius: 4px;
    width: 75px;
}

.divDelivery {
    padding-left: 15px;
}

.buttonClear {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABrVBMVEX///8WFhY0NDQJCQkEBAQMDAw6OjolJSUiIiIODg4FBQUfHx8vLy8hISEQEBBCQkI0NDQcHBw6Ojo2NjZSUlJZWVleXl4pKSlfX19cXFwxMTFSUlI3NzdeXl5RUVFRUVEUFBQPDw8uLi5RUVEGBgYiIiJQUFApKSkmJiYvLy8rKys0NDRMTExqampVVVUQEBApKSkAAAA7OztKSkoTExNERERnZ2dFRUU6OjoaGhoWFhZEREQ3NzcbGxscHBwkJCQvLy8eHh4wMDAoKCgVFRVLS0tLS0seHh4ZGRk2NjYKCgobGxsrKytGRkZra2txcXEcHBw4ODgrKys1NTUdHR1nZ2cTExM2NjZqampfX19ubm48PDxcXFxAQEBpaWmlpaVVVVUBAQEdHR1dXV1YWFgRERE7OzsoKChnZ2dkZGRtbW10dHReXl42NjYXFxcUFBQ/Pz8NDQ0ICAg+Pj5dXV00NDQLCwsjIyMrKysYGBgBAQESEhIlJSUUFBQyMjJvb29ubm5qamp2dnZ7e3uIiIiMjIxdXV1lZWVpaWlcXFylpaWrq6tsbGxZWVlaWlqFzawGAAAAf3RSTlMAAAAAAAAAAAAAAAAAAAAAfjCFAADa9VXk8Rk2QOf9+SQAAL8TMd8AXjczkDD6yiptACeVAJzwoUkMBwAAAAAGXDIAAAAddkkACA8IO4/e+jQAZAAAqDB/+fjraU1cnPWPAjrpjwW3W/7i5NikRwAAMgAAoegqFhAAAAAieAIA3qWEyQAAAMxJREFUeF5tzMNyBAEYAOGMZ2nbto3Ytm3b6xDPnKp/KqdNH79Dt/0T0k5KuFKBSIiZ+H+AqjVe8ZeCIBgwhyMyuWruVWkMAUS1uhe94fvnvWqxAtjs206X21Ot+PwBgOA4a5LriMUTyRTzSN9xMtlCscRDKQwgl+/o6u5BelGyrx9gYHBoeGR0jJ44nZoGmJkt1+YXFpeWV1bXANY3KuV6o/nxubmFA7B2dt/29g8Oj45P2ABn5xeXV9c3tzSnkwH8/uHxic17pgBa+gUo+So5D7sPwgAAAABJRU5ErkJggg==') /*../Views/../Images/icon_refresh.png*/ right top no-repeat;
    width: 16px;
    height: 16px;
    border: none;
    cursor: default;
}

.buttonClear:hover {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABrVBMVEX///8WFhY0NDQJCQkEBAQMDAw6OjolJSUiIiIODg4FBQUfHx8vLy8hISEQEBBCQkI0NDQcHBw6Ojo2NjZSUlJZWVleXl4pKSlfX19cXFwxMTFSUlI3NzdeXl5RUVFRUVEUFBQPDw8uLi5RUVEGBgYiIiJQUFApKSkmJiYvLy8rKys0NDRMTExqampVVVUQEBApKSkAAAA7OztKSkoTExNERERnZ2dFRUU6OjoaGhoWFhZEREQ3NzcbGxscHBwkJCQvLy8eHh4wMDAoKCgVFRVLS0tLS0seHh4ZGRk2NjYKCgobGxsrKytGRkZra2txcXEcHBw4ODgrKys1NTUdHR1nZ2cTExM2NjZqampfX19ubm48PDxcXFxAQEBpaWmlpaVVVVUBAQEdHR1dXV1YWFgRERE7OzsoKChnZ2dkZGRtbW10dHReXl42NjYXFxcUFBQ/Pz8NDQ0ICAg+Pj5dXV00NDQLCwsjIyMrKysYGBgBAQESEhIlJSUUFBQyMjJvb29ubm5qamp2dnZ7e3uIiIiMjIxdXV1lZWVpaWlcXFylpaWrq6tsbGxZWVlaWlqFzawGAAAAf3RSTlMAAAAAAAAAAAAAAAAAAAAAfjCFAADa9VXk8Rk2QOf9+SQAAL8TMd8AXjczkDD6yiptACeVAJzwoUkMBwAAAAAGXDIAAAAddkkACA8IO4/e+jQAZAAAqDB/+fjraU1cnPWPAjrpjwW3W/7i5NikRwAAMgAAoegqFhAAAAAieAIA3qWEyQAAAMxJREFUeF5tzMNyBAEYAOGMZ2nbto3Ytm3b6xDPnKp/KqdNH79Dt/0T0k5KuFKBSIiZ+H+AqjVe8ZeCIBgwhyMyuWruVWkMAUS1uhe94fvnvWqxAtjs206X21Ot+PwBgOA4a5LriMUTyRTzSN9xMtlCscRDKQwgl+/o6u5BelGyrx9gYHBoeGR0jJ44nZoGmJkt1+YXFpeWV1bXANY3KuV6o/nxubmFA7B2dt/29g8Oj45P2ABn5xeXV9c3tzSnkwH8/uHxic17pgBa+gUo+So5D7sPwgAAAABJRU5ErkJggg==') /*../Views/../Images/icon_refresh.png*/ right top no-repeat;
    width: 16px;
    height: 16px;
}

.buttonClear:active {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABrVBMVEX///8WFhY0NDQJCQkEBAQMDAw6OjolJSUiIiIODg4FBQUfHx8vLy8hISEQEBBCQkI0NDQcHBw6Ojo2NjZSUlJZWVleXl4pKSlfX19cXFwxMTFSUlI3NzdeXl5RUVFRUVEUFBQPDw8uLi5RUVEGBgYiIiJQUFApKSkmJiYvLy8rKys0NDRMTExqampVVVUQEBApKSkAAAA7OztKSkoTExNERERnZ2dFRUU6OjoaGhoWFhZEREQ3NzcbGxscHBwkJCQvLy8eHh4wMDAoKCgVFRVLS0tLS0seHh4ZGRk2NjYKCgobGxsrKytGRkZra2txcXEcHBw4ODgrKys1NTUdHR1nZ2cTExM2NjZqampfX19ubm48PDxcXFxAQEBpaWmlpaVVVVUBAQEdHR1dXV1YWFgRERE7OzsoKChnZ2dkZGRtbW10dHReXl42NjYXFxcUFBQ/Pz8NDQ0ICAg+Pj5dXV00NDQLCwsjIyMrKysYGBgBAQESEhIlJSUUFBQyMjJvb29ubm5qamp2dnZ7e3uIiIiMjIxdXV1lZWVpaWlcXFylpaWrq6tsbGxZWVlaWlqFzawGAAAAf3RSTlMAAAAAAAAAAAAAAAAAAAAAfjCFAADa9VXk8Rk2QOf9+SQAAL8TMd8AXjczkDD6yiptACeVAJzwoUkMBwAAAAAGXDIAAAAddkkACA8IO4/e+jQAZAAAqDB/+fjraU1cnPWPAjrpjwW3W/7i5NikRwAAMgAAoegqFhAAAAAieAIA3qWEyQAAAMxJREFUeF5tzMNyBAEYAOGMZ2nbto3Ytm3b6xDPnKp/KqdNH79Dt/0T0k5KuFKBSIiZ+H+AqjVe8ZeCIBgwhyMyuWruVWkMAUS1uhe94fvnvWqxAtjs206X21Ot+PwBgOA4a5LriMUTyRTzSN9xMtlCscRDKQwgl+/o6u5BelGyrx9gYHBoeGR0jJ44nZoGmJkt1+YXFpeWV1bXANY3KuV6o/nxubmFA7B2dt/29g8Oj45P2ABn5xeXV9c3tzSnkwH8/uHxic17pgBa+gUo+So5D7sPwgAAAABJRU5ErkJggg==') /*../Views/../Images/icon_refresh.png*/ right top no-repeat;
    width: 16px;
    height: 16px;
}

canvas {
    border: 1px dotted #000;
}

.imported {
    border: 1px dotted #000;
}
.pricingtablelabel {
    width: 154px;
    background: lightblue;
}

.inputCustInfo {
    border-radius: 4px;
    width: 250px;
    color: black;
}
.labelCustInfo {
    text-align: right;
    color: black;
}

.inputCustInfoSm {
    border-radius: 4px;
    width: 75px;
    color: black;
}

.inputCustNotes {
    border-radius: 4px;
    max-width: 600px;
    width: 600px;
    color: black;
}

.driverjobtd {
    border: black solid thin
}

.repeatnuminput {
    width: 50px;
    text-align: center;
}

.freqblockon {
    display: block;
    border: thin solid black;
    border-radius: 4px;
    padding: 5px 0 5px 5%;
}

.freqblockoff {
    display: none;
    border: thin solid black;
    border-radius: 4px;
    padding: 5px 0 5px 5%;
}

.removeLink {
    font-style: normal;
}

.lnkEditUser {
    font-style: normal;
}

.lnkEdit {
    font-style: normal;
}

.lnkDetail {
    font-style: normal;
}

.pricing {
    font-style: normal;
}

.lnktransfer {
    font-style: normal;
}

.statushighlight {
        background: chartreuse;
}
.lnkDriverDeliverUpdate {
    font-style: normal;
}

.lnkDriverNotesUpdate {
    font-style: normal;
}

.priceestimate {
    font-style: normal;
}
.statusnohighlight {
        background: white;
}

.numpieces {
    font-style: normal;
}

.cwidth {
    font-style: normal;
}

.clength {
    font-style: normal;
}

.cheight {
    font-style: normal;
}

.qty {
    font-style: normal;
}

.lnkCancel {
    font-style: normal;
}

.multiline {
    white-space: pre-line;
}

.wordbreak {
    word-break: break-all;
    word-break: break-word;
    hyphens: auto;
}

.rowdriverupdated{
    background-color: orange;
}
.rownormal {
    background-color: white;
}