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;
    word-wrap: normal;
}

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

.lnkEditContact {
    font-style: normal;
}

.lnkSupplier {
    font-style: normal;
}

.lnkDeleteContact {
    font-style: normal;
}

.lnkEditLocation {
    font-style: normal;
}

.lnkDeleteLocation {
    font-style: normal;
}

.feature_div {
    border: 2px lightskyblue solid;
    border-radius: 25px;
    padding: 15px;
}

.section_div {
    border: 2px lightgreen solid;
    border-radius: 25px;
    padding: 10px;
    margin-bottom: 10px;
}

.field_descript {
    min-width: 175px;
    max-width: 250px;
    border: 1px black solid;
    margin: 2px;
    line-height: 24px;
}

.field_memo {
    min-width: 50px;
    max-width: 400px;
    border: 1px black solid;
    margin: 2px;
}

.field_memo2 {
    min-width: 450px;
    max-width: 450px;
    border: 1px black solid;
    margin: 2px;
}

.field_memo3 {
    min-width: 50px;
    max-width: 600px;
    border: 1px black solid;
    margin: 2px;
}

.datepicker {
    min-width: 50px;
    max-width: 200px;
    border: 1px black solid;
    margin: 2px;
    line-height: 24px;
}

.recurfieldformat {
    margin-bottom: 5px;
}

.RecurType {
    font-style: normal;
}

.table-fixed thead {
    width: 97%;
}

.table-fixed tbody {
    height: 120px;
    overflow-y: auto;
    width: 100%;
}

.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
    display: block;
}

    .table-fixed tbody td, .table-fixed thead > tr > th {
        float: left;
        border-bottom-width: 0;
    }

.ServiceAdd {
    min-width: 100px;
    max-width: 125px;
    border: 1px black solid;
    margin: 2px;
    line-height: 24px;
}

.lnkServiceAdd {
    font-style: normal;
}

.lnkQuoteAdd {
    font-style: normal;
}

.lnkServiceEdit {
    font-style: normal;
}

.workorder_descript {
    min-width: 50px;
    max-width: 300px;
    border: 1px black solid;
    margin: 2px;
    line-height: 24px;
}

.lnkDeleteWorkOrder {
    font-style: normal;
}

.lnkSublocationsEdit {
    font-style: normal;
}

.PENDING {
    background-color: #FF9933;
    border-color: #C0C0C0;
    color: White;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAAD////29vb29vZCQkKDg4SGhobw7/H29vapgnQlAAAABHRSTlMAADDvXGCvgAAAAFFJREFUeF59zbsNwCAMBFDSpSSmSUlGSCoPwGcBRnCRAZBcRzSMHcuiRFz1ijudOUZmAOy9XQJHIaRbcGbm+q3hKBctA8ZX53ZPj9kUzQsWpz9qNhVyrbrXtwAAAABJRU5ErkJggg==') /*Bubble.png*/;
    padding-left: 50px;
}

.BOOKED {
    background-color: #33CCFF;
    border-color: #C0C0C0;
    color: White; /* text color */
    background-position: 1px 1px;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA3UlEQVR4XsWTMQ6CQBBFZw0V1FLLAWixxhuoJ5BaDkAhBRZIjTVegktIC9ZLjTW0mJlkIkQkEQpfstnZTOb/nR0QbdvCHBYwE8FB0zSTrqJwkOc5eJ4Hv5CmKYgJzmxGAgofNE0DY2XAGMWjoD0Mw14LVGzbG3AODiB1XUN8jSl2jy7lEd8/sUhvCuhMxUxySyDL7rgoZoLgPDpGckBKKYF5VlU3Ny7ADivDAGap65z7KoB9dR2oHcta46KY2e23tJumiRPofweylIPXjKILDKGqqiABVpvK33+m+QIvaANZbEcCCtIAAAAASUVORK5CYII=') /*Money.png*/;
    padding-left: 50px;
}

.CONFIRMED {
    background-color: #33CC33;
    border-color: #C0C0C0;
    color: White; /* text color */
    background-position: 1px 1px;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABRElEQVR4XsWTMUvDUBSFb0QcQoXn2K1LBRcVnAs6FgxkKrjZDFn7E0L+RodkcBA7BeLkopBZii6CXcSlYx6kZOgS74FLU18CDh08cHjhvu/2npBbq6oq2kV7tKP2SWRZFkFlWfb4CNguWwmn2Qk7tG37CxySmwnQfF6si3n8Ht8OH4ZqcDcgGM+oMTIH0/oKMvl58jRR0VtEq/VqA+EZNe/RU2CEbSQIeIpa5Asyld6kMOEODNi2H3BnHzMy5Rw71D3s0vR1SpAwrpkAMRWbTPkXPi2LJaWfKUHCKOMrNCNDmIrp4Uv49x50Djqa/asxuAzq6SJhdNsiJaOTEU40oHGTYlvCJG2vEI5Px272neFLkHPvkKn+UZ+Y0WAbCWTDrqLrSHtnnkStY6OGOzDCsmQl4e2FYsfsnF2Jc6n1zL7//zf+ANkitRAmLfIuAAAAAElFTkSuQmCC') /*ok.png*/;
    padding-left: 50px;
}

.techlist {
    height: 300px;
    width: 150px;
    float: left;
    border: 2px solid #0026ff;
    background-color: white;
    padding: 3px;
    margin: 5px;
    text-align: center;
    cursor: move;
}

.workorder_dispatch {
    padding: 10px;
    text-align: center;
    cursor: move;
}

.rowHighImportance {
    background-color: salmon;
}

.rowMediumImportance {
    background-color: khaki;
}

.rowLowImportance {
    background-color: lavender;
}

.multiline {
    white-space: pre-line;
}

.wrapper {
    display: block;
    user-select: none;
}

.signature-pad {
    /*position: absolute;
    left: 0;
    top: 0;*/
    width: 400px;
    height: 200px;
    background-color: white;
    border: black solid thin;
    margin-left: auto;
    margin-right: auto;
}

.btn-clear-canvas {
    font-style: normal;
}

.rowSecondaryTech {
    background-color: #33ccff;
}

.rowTravelling {
    background-color: khaki;
}

.rowOnSite {
    background-color: orange;
}
.rowActive {
    background-color: greenyellow;
}

.rowCompleted {
    background-color: salmon;
}

.rowConfirmed {
    background-color: white;
}

.table-addworkorder thead {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
}

.table-addworkorder th, td {
    padding: 3px;
    border-bottom: 1px solid #dddddd;
}

.table-addworkorder tr {
    padding: 3px;
    border: 1px solid #dddddd;
}

#dropZone {
        background: gray;
        border: black dashed 3px;
        width: 200px;
        padding: 50px;
        text-align: center;
        color: white;
    }

#download {
    display: none;
}
#about {
    display: none;
}
.wordbreak {
    word-break: break-all;
    word-break: break-word;
    hyphens: auto;
}

.textaligntop {
    vertical-align: top;
}

.discount {
    color: red; /* text color */
}