body {
    background-color: #f4f4f4;
    font-family: 'Roboto', sans-serif;
    font-size:16px;
    line-height:19px;
    color:#333333;
    margin: 0px;
    padding: 0px;
    font-weight: lighter;
    background-position: center top;
}

.h_logo {
    text-align:center;
    padding:100px 0px 30px 0px;
}

.btn-login {
    box-shadow: 2px 2px 10px gray;
    border-width: 0px;
    color:#fff;
    padding: 10px 10px;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.btn-reg {
    box-shadow: 2px 2px 10px gray;
    border-width: 0px;
    background-color:#4e4e4e;
    color:#fff;
    padding: 10px 10px;
    width: 100%;
}
.btn-reg:hover {
    background-color:#5c5c5c;
    color:#fff;
    padding:10px 0px;
}
a:link {
    outline:none;
}

.btn-block {
    margin-top: 10px!important;
    box-shadow: 2px 2px 10px gray;
    border-width: 0px;
    color:#fff;
    padding:5px 5px;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}


.bstyle h2 {
    font-weight:lighter;
    color:#666666;
    text-align:center;
    padding:25px;
    font-size:19px;
    line-height:25px;
}


.clear {
    clear:both;
}

.frm {
    box-shadow:none;
}
.btn:hover, .btn:focus, .btn.focus {
    color:#FFFFFF;
}

.btn-green {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a9f33+0,3ea739+50,24891f+51,1d8315+100 */
    background: rgb(58,159,51); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(58,159,51,1) 0%, rgba(62,167,57,1) 50%, rgba(36,137,31,1) 51%, rgba(29,131,21,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(58,159,51,1) 0%,rgba(62,167,57,1) 50%,rgba(36,137,31,1) 51%,rgba(29,131,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(58,159,51,1) 0%,rgba(62,167,57,1) 50%,rgba(36,137,31,1) 51%,rgba(29,131,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a9f33', endColorstr='#1d8315',GradientType=0 ); /* IE6-9 */
}

.btn-green:active {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a9f33+0,3ea739+50,24891f+51,1d8315+100 */
    background: rgb(58,159,51); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(58,159,51,1) 0%, rgba(62,167,57,1) 50%, rgba(36,137,31,1) 51%, rgba(29,131,21,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(58,159,51,1) 0%,rgba(62,167,57,1) 50%,rgba(36,137,31,1) 51%,rgba(29,131,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(58,159,51,1) 0%,rgba(62,167,57,1) 50%,rgba(36,137,31,1) 51%,rgba(29,131,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a9f33', endColorstr='#1d8315',GradientType=0 ); /* IE6-9 */
}

.btn-blue {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
    background: #6db3f2; /* Old browsers */
    background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
}

.btn-blue:active {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
    background: #6db3f2; /* Old browsers */
    background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
}

.btn-red {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
    background: #a90329; /* Old browsers */
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}

.btn-red:active {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
    background: #a90329; /* Old browsers */
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}


.chk {
    font-size:15px;
    font-weight:lighter;
    margin-left:3px;
}

.bstyle h3 {
    font-size:22px;
    font-weight:lighter;
    margin-top:35px;
    margin-bottom:13px;
}
.bstyle h3 span {
    font-size:14px;
    color:#0066CC;
    margin-top:7px;
}

.infos {
    text-align:center;
    padding:50px 0px;
}
.infos h3 {
    margin:0px;
    padding:0px;
    line-height:40px;
    font-weight:normal;
}
.infos h4 {
    margin:0px;
    padding:0px;
    line-height:normal;
    color:#d83d3d;
    font-weight:normal;
    font-size:16px;
}

.modal h4 {
    font-weight:lighter;
}
.modal {
    line-height:normal
}
b, strong {
    font-weight: 500;
}

.sma {
    font-weight:normal;
    margin-bottom:5px;
}
.sm span {
    font-weight:normal;
    color:#999999;
    font-size:14px;
    float:left;
    margin-top:5px;
}
.sign {
    float:left;
    width:100%;
    background-color:#FFFFFF;
    border-bottom:3px solid #333333;
    border-top:1px solid #dbdbdb;
}
.sti {
    height:80px;
    padding-bottom:8px;
}
.p_btn {
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    border-left:none;
    color:#999999;
}
.p_btn:hover {
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    border-left:none!important;
    color:#0967be;
}
.p_btn .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background-color:#FFFFFF;
    color:#0967be;
    outline:none;
    border:none;
    border:1px solid #CCCCCC;
    border-left:none;
}
.src {
    margin-bottom:40px;
    border-bottom:1px solid #cbcbcb;
    padding-bottom:40px;
}

.saleside-blue {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a9f33+0,3ea739+50,24891f+51,1d8315+100 */


    background: #6db3f2; /* Old browsers */
    background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

}

.techside-green {
    background: rgb(58,159,51); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(58,159,51,1) 0%, rgba(62,167,57,1) 50%, rgba(36,137,31,1) 51%, rgba(29,131,21,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(58,159,51,1) 0%,rgba(62,167,57,1) 50%,rgba(36,137,31,1) 51%,rgba(29,131,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(58,159,51,1) 0%,rgba(62,167,57,1) 50%,rgba(36,137,31,1) 51%,rgba(29,131,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a9f33', endColorstr='#1d8315',GradientType=0 ); /* IE6-9 */
}

.navbar {  
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
    border-radius: 0px;
}


.navbar ul {
    padding-left: 0px;
    padding-top: 10px;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.btn-nav {
    background-color:rgba(0,0,0,0);
    border:none;
    color:#FFFFFF;
    margin-right: 0px;
}

.btn-nav:hover {
    background-color:rgba(0,0,0,0);
    border:none;
    color:#FFFFFF;
}

.btn-nav-left {
    width:90px;
}

.btn-nav-right {
    width:90px;
}

.btn-nav-center {
    color: #ffffff;
    font-size: 19px;
    text-align: center;
    font-weight:normal;
    padding-top: 8px;
}

.btn-nav-center.shrink-title {
    font-size: 15px;
}



.btn-list {
    padding-left: 0px;
    list-style: none;
}

.btn-list h4 {
    margin-bottom: 0px;
}

.btn-list h5 {
    margin-top: 2px;
}

span.badge.green{
    background-color: green;
    font-family: sans-serif;
    border-radius: 50%;
}

span.badge { 
    background-color: #E20000;
    font-family: sans-serif;
}

.orange-background {
    background-color: #ff6e00;
    padding: 3px 15px;
    border-radius: 10px;
    color: white;
}

.red-background {
    background-color: #E20000;
    padding: 3px 8px;
    border-radius: 10px;
    color: white;
}

.register-text {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 500;
}

.register-text-red {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 500;
    color: #E20000;
}

.shop-name {
    text-align: center;
}

.shop-invite {
    text-align: center;
}

.shop-invite-btn {
    margin: 10px;
}

.shop h3 {
    font-weight: 500;
}

.shop h4 {
    margin-bottom: 3px;
}

.shop p {
    margin-bottom: 3px;
    margin-left: 5px;

}
.shop a {
    margin-bottom: 3px;
    margin-left: 5px;

}

.home a.btn {
    padding: 15px;
}


#jobButtons {
    margin-top: 20px;
}

.signature-button {
    margin-left : 5px;
    margin-right : 5px;
    margin-bottom: 5px;
}

.btn-shop {
    margin-top: 1px;
    width: 100%;
}

.shop h4 {
    margin-top: 3px;
    font-size: medium;
}

.shop p {
    font-size: small;
    font-weight: normal;
    margin-bottom: 0px;
}

.shop h3 {
    font-size: large;
    margin-top: 0px;
    margin-bottom: 0px;
}

.shop .btn-phone {
    padding: 3px;
    margin-bottom:0px;
}

.shop-name h3 {
    border-bottom: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    margin-top: -10px;
    padding-bottom: 4px;
}

.shop .vin-input {
    border-radius: 5px;
    margin-top: 10px;
    background-color: #CCCCCC;
    padding: 4px;
}

.shop .vin-input input {
    border-radius: 5px;
}

form#jobForm #vinValid {
    color: rgb(58,159,51);
}


#btnSend {
    color: white;
}

.shop #vinValid {
    color: rgb(58,159,51);
}

div.job-signature {
    margin-left: auto; 
    margin-right: auto; 
}
div.vin-input button {
    padding:  3px 3px 3px 3px;
    line-height: 13px;
    font-size: 12px;
    font-weight: bold;
    width: auto;

}

input.insurance-edit {
    border-radius: 5px;
    border-width: 2px;
    width: 100%;
}


.btn-wide{ 
    width: 100%;
}


.job-signature img { 
    height: 100px;
    margin: auto;
    width: auto;
    /*height: auto;*/
}

.button-container { 
    padding: 5px;
}

img#signatureImage {
    background-color: white;
    padding : 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    border-radius: 4px;
}

.btn-job-save {
    width: 100%;
    color: white;
    background: rgb(58,159,51); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(58,159,51,1) 0%, rgba(62,167,57,1) 50%, rgba(36,137,31,1) 51%, rgba(29,131,21,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(58,159,51,1) 0%,rgba(62,167,57,1) 50%,rgba(36,137,31,1) 51%,rgba(29,131,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(58,159,51,1) 0%,rgba(62,167,57,1) 50%,rgba(36,137,31,1) 51%,rgba(29,131,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a9f33', endColorstr='#1d8315',GradientType=0 ); /* IE6-9 */
}

.btn-job-save-modal {
    color: white;
    background: rgb(58,159,51); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(58,159,51,1) 0%, rgba(62,167,57,1) 50%, rgba(36,137,31,1) 51%, rgba(29,131,21,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(58,159,51,1) 0%,rgba(62,167,57,1) 50%,rgba(36,137,31,1) 51%,rgba(29,131,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(58,159,51,1) 0%,rgba(62,167,57,1) 50%,rgba(36,137,31,1) 51%,rgba(29,131,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a9f33', endColorstr='#1d8315',GradientType=0 ); /* IE6-9 */
}


.styl{}
.styl span{ color:#0066cc;}
.logo{ }
.tme{ margin-top:5px; text-align:right; line-height:25px;}
.tme span{ color:#0066cc;}

.manifestDatePicker {
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}

.noPickupButton {
    margin-bottom: 20px;
    border-radius: 5px;
    float: right;
}

.techPickupButton {
    margin-bottom: 20px;
    border-radius: 5px;
    float: left;
}

.deleteTechPickupButton {
    color: white;
    float: left;
    margin-right: auto;
}

.manifestJob {
    display: inline-block;
    width:100%;
}

.manifestJob .jobDetails {
    margin-bottom: 15px;
}

.manifestJob .jobDetails .leftColumn{
    float: left; 
    width: 23%;
}

.manifestJob .jobDetails .centerColumn{
    display: inline-block; 
    width: 38%;
}

.manifestJob .jobDetails .rightColumn{
    float: right; 
    width: 39%; 
    text-align:right;
}

.manifestJob .jobPart {
    color:blue;
}

.manifestJob .jobPart .leftColumn{
    float: left; 
    width: 8%; 
    text-align: left;
    margin-right: 5px;
    margin-bottom: 10px;
    /* border: 1px solid red; */
}

.manifestJob .jobPart .centerColumn{
    display: inline-block;
    /* width: 78%; */
    width: 28%;
    margin-bottom: 10px;
    /* border: 1px solid blue; */
}

.manifestJob .jobPart .rightColumn{
    display: inline-block;
    /* text-align: center; */
    width: 30%;
    margin-bottom: 10px;
    /* border: 1px solid red; */
}

.manifestJob .jobPart .checkBoxColumn{
    display: inline-block;
    width: 10%;
    margin-bottom: 10px;
    text-align: center;
    /* border: 1px solid green; */
}

.manifestJob .jobPart .noPickupColumn{
    float: right; 
    width: 20%;
    margin-bottom: 10px;
    /* border: 1px solid purple; */
    text-align: right;
}

.vendorShortBadge{
    border-radius: 8px;
    width: 50px;
    text-align: center;
    color: white;
    margin: auto;
    cursor:pointer;
    font-size: 14px;
}

.jobsDatePickerHolder {
    margin-bottom: 15px;
    margin-top: 25px;
}

.jobsDatePickerHolder .leftColumn{
    float: left; 
    width: 20%;
}

.jobsDatePickerHolder .centerColumn{
    display: inline-block; 
    width: 60%;
}

.jobsDatePickerHolder .rightColumn{
    float: right; 
    width: 20%; 
}

.leftDatePickerLine {
    height:1px; background:#cbcbcb; margin-top: 17px;margin-right:5px;
}

.rightDatePickerLine {
    height:1px; background:#cbcbcb; margin-top: 17px;margin-left:5px;
}

#vinEncodeButton.vin-decode-grayed {
    color: white;
    border-width: 1px;
    border-color: black;
}

#vinEncodeButton.vin-decode-active {
    color: blue;
    border-width: 1px;
    border-color: green;
}

#vinEncodeButton.vin-decode-too-long {
    color: purple;
    border-width: 1px;
    border-color: darkred;
}

#vinEncodeButton.vin-decode-decoding {
    color: blue;
    border-width: 1px;
    border-color: green;
}