/* Main style sheet for whole site */

html, body {
height:99%;
margin: 0;
}

body {
margin: 0;
padding: 0;
padding-bottom: 2.5em;
color: #000;
background-color: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
}

.wrapper {
min-height:96%;
margin-bottom: -2em;
}

* {
box-sizing: border-box;
}

#masthead {
display: block;
margin: 0;
padding: 1em;
color: white;
background-color: #141929;
width: 100%;
}

#logo {
float: initial;
display: block;
margin: auto;
}

#mobilemenuicon {
display: none;
width: 10%;
height: auto;
border: 0;
}

.nav {
display: flex;
justify-content: center;
}

.nav, .nav ul {
margin: 0;
color: white;
background-color: #141929;

/* stretch menu to fit screen ... but no menu wrap on small window */
/*
display: flex;
justify-content: center;
width: 100%;
*/
}

.nav ul li {
list-style-type: none;
float: left;
margin: 0 5.12em 0 -2em;

/* stretch menu to fit screen ... but no menu wrap on small window  */
/*
margin-left: 0; 
margin-right: auto;
*/
}

.nav:after {
content: '';
display: block;
clear: both;
}

.nav ul li a {
display: block;
margin: 0.25em;
padding: 0.4em;
width: auto;
height: 2em;
text-decoration: none;
color: #a3a3a3;
background-color: #141929;
/*border: 1px solid #141929;*/
border: 0;
font-weight: normal;
}
.nav ul li a:link { 
color:	#a3a3a3;
background-color: #141929;
}
.nav ul li a:visited { 
color:	#a3a3a3;
background-color: #141929;
}
.nav ul li a:hover { 
color:	#fff;
background-color: #141929;
}
.nav ul li a:active { 
color:	#fff;
background-color: #141929;
}
#logout {
/*margin-left: 3em;*/ /* default for nav buttons is 0.25em; */
/*color: #215aa9;*/ /* Emily's original color for this was way too dark */
color: #2C78E0;
text-decoration: none;
font-weight: bold;
}
#logout:hover {
/*color: #3289FF;*/
color: #ADD8E6;
}

#adminmenu .nav, #adminmenu .nav ul {
margin: auto;
color: #141929;
background-color: white;
}
#adminmenu .nav ul li {
float: none;
}
#adminmenu .nav ul li a {
/*width: 14em;*/
/*height: 2em;*/
padding: 1em;
padding-bottom: 2em;
min-width: 16em;
}

#content {
display: block;
padding: 0;
padding-right: 2em;
color: black;
background-color: white;
width: 100%;
/*min-width: 799px;*/
padding-bottom: 2.5em;
}

#content table, #content div, #content p, #content h2, #content h3, #content h4, #content h5, #content h6, #content form, #content span, #content pre {
margin-left: 2em;
margin-right: 2em;
}
#frmsendcarinfotocust {
margin-top: 6em;
}
#frmsendcarinfotocust table, #frmsendcarinfotocust h2 {
margin-left: 0;
margin-right: 0;
}

h1 {
/*display: inline-block;*/
/*margin: 0.25em;*/
margin: 0;
margin-bottom: 2em;
margin-right: -1.6em;
padding: 0.5em;
padding-left: 1.6em;
color: white;
background-color: #4a515e;
font-size: 1.25em;
/*min-width: 12em;*/
}

#h1spacer {
width: auto;
height: 4.3em;
}

.pics {
margin-bottom: 4em;
}

.pics img {
width: 100%;
height: auto;
}

div.gallery {
margin: 0;
max-width: 600px;
margin-bottom: 4em;
text-align: center;
/*color: white;*/
/*background-color: black;*/
}
div.gallery ul {
list-style: none outside none;
padding-left: 0;
margin: 0;
}
div.gallery img {
width: 100%;
height: auto;
max-height: 400px;
}
div.gallery ul li {
/*min-height: 420px;*/
}

/* #content div.docsnpics, #frmcardetails, #frmcustdetail, #frmeditcase, #frmeditcar, #frmsendcarinfotocust */
#content div.docsnpics, #frmcardetails, #frmcustdetail, #frmeditcase, #frmeditcar, #frmsendcarinfotocust {
display: block;
float:left;
max-width: 620px;
}

#content div.docsnpics h4, #content div.docsnpics div, #content div.docsnpics ul {
margin-left: 0 !important;
margin-right: 0 !important;
}

#content div.docsnpics p, #content div.docsnpics table {
margin-left:0;
font-size:0.8em;
line-height: 2em;
}
#content div.docsnpics table tr td {
max-width: 250px;
white-space: nowrap;
overflow: hidden;
}

#loggedinas {
float: right;
margin: 0.25em;
margin-top: 0.75em;
color: white;
background-color: transparent;
font-size: 0.9em;
}
#loggedinasghost {
float: left;
margin: 0;
color: transparent;
background-color: transparent;
}
#loggedinasghost img {
border: 0;
margin: 0;
/*width: 160px;*/ /* actual center */
width: 130px; /* looks better */
height: 1px;
}

td {
vertical-align: top;
}

table.db2table {
margin-left: -2em;
border: 1px solid #a4a4a4;
border-spacing: 0;
border-collapse: collapse;
}

table.dbtable {
width: 98%;
min-width: 799px;
border: 1px solid #a4a4a4;
border-spacing: 0;
border-collapse: collapse;
}

table.dbtable th, table.db2table th {
margin: 0;
padding: 0.3em;
color: white;
background-color: #4a515e;
border: 1px solid #a4a4a4;
white-space: nowrap;
text-align: center;
vertical-align: middle;
}

table.dbtable td, table.db2table td {
margin: 0;
padding: 0.3em;
border: 1px solid #a4a4a4;
white-space: nowrap;
text-align: center;
vertical-align: middle;
}

table.db2table td {
text-align: left;
}

table.dbtable td.dollars, table.db2table td.dollars {
text-align: right;
vertical-align: middle;
}

table.dbtable td.long, table.db2table td.long {
white-space: normal;
max-width: 25em;
}

table.dbtable td a, table.db2table td a {
display: block;
padding: 0.4em;
width: auto;
height: auto;
text-decoration: none;
color: white;
background-color: #4a515e;
border: 0;
text-align: center;
vertical-align: middle;
}
a.tablelink{
display: block;
margin-top: 0.5em;
margin-bottom: 0.25em;
margin-left: auto;
/*margin-right: 1.1em;*/
margin-right: -0.1em;
padding: 0.4em;
width: 10em;
height: 2em;
text-decoration: none;
color: white;
/*background-color: #215aa9;*/
background-color: #5d7494;
/*border: 1px solid #141929;*/
border: 0;
text-align: center;
vertical-align: middle;
line-height: 1em;
}
table.dbtable td a:link, a.tablelink:link, table.db2table td a:link { 
color:	#fff;
background-color: #5d7494;
}
table.dbtable td a:visited, a.tablelink:visited, table.db2table td a:visited { 
color:	#fff;
background-color: #5d7494;
}
table.dbtable td a:hover, a.tablelink:hover, table.db2table td a:hover { 
color:	#fff;
background-color: #7794BD;
}
table.dbtable td a:active, a.tablelink:active, table.db2table td a:active { 
color:	#fff;
background-color: #5d7494;
}

table.dbtable td a.del:link { 
color:	#fff;
/*background-color: #d64526;*/
background-color: #c4553d;
}
table.dbtable td a.del:visited { 
color:	#fff;
background-color: #c4553d;
}
table.dbtable td a.del:hover { 
color:	#fff;
background-color: #F3694B;
}
table.dbtable td a.del:active { 
color:	#fff;
background-color: #c4553d;
}

table.dbtable td a.tel {
color:	#000;
background-color: transparent;
}
table.dbtable td a.tel:link {
color:	#000;
background-color: transparent;
}
table.dbtable td a.tel:visited {
color:	#000;
background-color: transparent;
}
table.dbtable td a.tel:hover {
color:	#000;
background-color: #cfc;
}
table.dbtable td a.tel:active {
color:	#000;
background-color: #cfc;
}

table.dbtable td a.mailto {
color:	#000;
background-color: transparent;
}
table.dbtable td a.mailto:link {
color:	#000;
background-color: transparent;
}
table.dbtable td a.mailto:visited {
color:	#000;
background-color: transparent;
}
table.dbtable td a.mailto:hover {
color:	#000;
background-color: #ffc;
}
table.dbtable td a.mailto:active {
color:	#000;
background-color: #ffc;
}

div.record {
display: none;
}

#paginatenav a.tablelink {
display: inline-block;
margin-left: 0.1em;
width: auto;
}

span.numrecsdisplayed {
float: left;
margin-top: 0.25em;
}

#frmlogin {
display: block;
margin: 4em 2em;
}

form {
margin-bottom: 2em;
}

form input, form select, form textarea {
padding: 0.25em 0.5em;
border: 1px solid #a4a4a4;
border-radius: 7px;
}

form input {
width: 30em;
}

form input.money {
text-align: right;
width: 9em;
}

form input[type='date'] {
width: auto;
}

input[type='checkbox'] {
width: auto;
}

form textarea {
margin-left: 140px;
margin-top: -1.2em;
width: 32em;
height: 7em;
resize: both;
}

form textarea.miscitemsiframetxta {
margin-left: 140px;
margin-top: -1.2em;
width: 30em;
height: 4em;
resize: both;
}

form textarea.notes {
height: 10.25em;
}

#pickuplocaddress {
height: 4.5em;
}

#dropoffloc {
height: 10em;
}

.statusnotes {
width: 100%;
height: 16.5em;
resize: both;
}

form input[type='submit'], form input[type='reset'], form input[type='button'] {
margin: 1em;
margin-left: 0;
cursor: pointer;
border-radius: 0;
border: 0;
color: white;
background-color: #c4553d;
width: 6em;
padding: 0.5em;
}

form input[type='button'] {
margin-left: 2em;
color: black;
background-color: #cfc;
border: 1px solid grey;
}

form input[type='reset'] {
color: white;
background-color: #8692AB;
}

form input[type='submit'].go {
margin: 0;
width: 2.5em;
padding: 0.25em;
background-color: #5d7494;
}

input:-moz-read-only, textarea:-moz-read-only {
border: dashed 1px gray;
background-color: transparent;
}
input:read-only, textarea:read-only {
border: dashed 1px gray;
background-color: transparent;
}

#frmsearchvin, #frmsearchall, #frmsearchcust, #frmsearchpurchasingagent, #frmsearchwh, #frmsearchtransporter, #frmsearchnocase, #frmsearchhomework, #frmsearchtrans {
display: inline-block;
margin-bottom: 1em;
}

#searchtransOID, #searchvin, #searchall, #searchcust, #searchpurchaser, #searchwh, #searchtransporter, #searchtrans {
width: 12em;
}

label {
display: block;
padding: 0.5em;
width: auto;
border: 1px solid #D6D6D6;
/* border-collapse: collapse; only works on table cells */
margin-top: -1px; /* hack to collapse borders! */
}
label:hover {
background-color: #eee;
}

label span.label {
display: inline-block;
width: 140px;
margin-bottom: 1em;
}

#content label {
padding: 0.5em;
}
#content label span.label {
margin-left: 0.5em;
}
#content label span.label span.alert {
margin: 0;
padding: 0;
}

.carinfo {
display: inline-block;
margin-left: 0;
padding-left: 0;
max-width: 32em;
vertical-align: middle;
text-indent: -1.5em;
}

.contact label {
display: block;
padding: 0.5em;
width: auto;
border: 0;
/* border-collapse: collapse; only works on table cells */
margin-top: -1px; /* hack to collapse borders! */
}
.contact label:hover {
background-color: transparent;
}


/* body style for login page */
.loginoutpage {
margin: 0;
padding: 0;
color: white;
background-color: #141929;
text-align: center;
background-image: url("images/background_2880x1173.jpg"); /* none , url */ 
background-repeat: no-repeat; /* repeat , repeat-x , repeat-y , no-repeat */
background-attachment: fixed; /* Explorer only:  scroll , fixed */
background-position: center center;
background-size: 100% auto;
}
.loginoutpage #logo {
margin-top: 1.5em;
}
.loginoutpage h1 {
margin: 0;
margin-top: 1.5em;
}

#frmlogin {
display: block;
margin-top: 5em;
}

#frmlogin input, #frmlogin input[type='submit'] {
width: 16em;
border-radius: 0;
border: 0;
box-shadow: 0 0 200px white;
background-color: white;
color: black;
}
#frmlogin input[type='submit'] {
margin-left: 15px; 
}
#frmlogin input, #frmlogin input[type='submit'] {
text-align: center;
}

#frmlogin label {
border: 0;
}
#frmlogin label:hover {
background-color: transparent;
}

#frmlogin label span.label {
width: 100px;
}

.homepagemessage {
margin: 1em auto 1em auto;
padding: 0.5em 1em 0.5em 1em;
color: white;
background-color: rgba(255,255,255,0.15);
width: 30em;
height: 12em;
font-size: 1.2em;
font-weight: bold;
line-height: 2;
}

.homepagemessage a, .homepagemessage a:link, .homepagemessage a:visited, .homepagemessage a:active, .homepagemessage a:hover {
/*color: #2C78E0;*/
color: white;
}
.homepagemessage ul, .homepagemessage ul li {
text-align: left;
line-height: 1.5;
margin-left: 2em;
}

.homepagemessage2 {
width: 30em;
height: 4em;
padding: 0.25em 0.75em 0.25em 0.75em;
}

.homepagemessage3 {
width: 60em;
height: 4em;
padding: 0.25em 0.75em 0.25em 0.75em;
margin-top: 3em;
}

#loginlink a, #loginlink a:link, #loginlink a:visited, #loginlink a:active {
display: block;
/*float: right;*/
color: white;
background-color: rgba(255,255,255,0.3);
text-decoration: none;
font-weight: bold;
/*padding: 0.25em 0.75em 0.25em 0.75em;*/
margin-right: 2em;
margin-top: 2em;

width: 10em;
margin: 4em auto 0 auto;
font-size: 1.2em;
padding: 0.4em 1em 0.4em 1em;
}
#loginlink a:hover {
background-color: rgba(255,255,255,0.5);
}

.alert, .error { 
font-weight: bold;
color:	#f00;
background-color: transparent;
}

.nowrap {
white-space: nowrap;
}

.fixwidthunderline {
display: block;
border-bottom: 1px dotted black;
text-decoration: none;
margin-right: 0.25em;
min-width: 8em;
}

.restore {
display: inline-block;
border: 1px solid black;
text-decoration: none;
font-weight: bold;
color: black;
background-color: red;
padding: 0.25em;
margin: 0.25em;
}

#months input[type='submit'] {
margin: 0 0 0 1.1em;
padding: 0.5em 0.75em 0.3em 0.75em;
color: #fff;
background-color: #666;
font-size: 1.1em;
border-radius: 0;
border: 0;
color: #141929;
background-color: white;
font-weight: bold;
min-width: 0;
width: 4.2em;
}

#months input[type='submit'].selectedmonth {
margin: 0 0 0 1.1em;
padding: 0.5em 0.75em 0.3em 0.75em;
color: #fff;
background-color: #000;
font-size: 1.1em;
border-radius: 0;
border: 0;
color: #d64526;
background-color: white;
font-weight: bold;
min-width: 0;
width: 4.2em;
}

#months input[type='submit']:hover, #months input[type='submit'].selectedmonth:hover {
background-color: #eee;
}

#frmselectyearmonth {
display: block;
/*margin: 0.6em 0.6em 1.5em 0;*/
margin: 0.6em 0 1.5em 0;
white-space: nowrap;
padding-bottom: 0.25em;
border-bottom: 1px solid #a4a4a4;
width: 98%;
}

#selectedyear {
margin-right: 1em;
padding: 0.15em 0.3em;
font-size: 1.2em;
float: left;
}

#lastbackup {
margin-top: 8em;
color: white;
background-color: #4a515e;
font-size: 0.75em;
padding: 0.5em 2em;
text-align: right;
}


#uploadselection {
margin-left: 140px;
}


#miscitemsiframecustomer {
width: 620px; 
height: 175px; 
border:0; 
margin: 0; 
padding: 0;
display: none;
}

#miscitemsiframecase {
width: 570px; 
height: 220px; 
border:0; 
margin: 0; 
padding: 0;
/*display: none;*/
}

.toggle {
cursor: pointer;
font-size: 0.5em:
/*display: none;*/
}

.ajaxedit {
font-size: 1.2em;
font-weight: bold;
cursor: pointer;
display: none;
}

.ahem {
display: none;
}

.hideit {
display: none;
}

.costorfee {
/*display: none;*/
}
.cost, .profit {
display: none;
}
.fee {
/*display: none;*/
}

.csid:hover {
cursor: pointer;
}

a.closex {
display: block;
text-decoration: none;
font-size: 1.75em;
font-weight: bold;
float: right;
color: white;
background: transparent;
margin-right: 0.5em;
}

.summarypopup {
display: none;
position: absolute;
/*left: 12em;*/
z-index: 999;
/*max-height: 600px;*/
/*max-width: 630px;*/
max-width: 900px;
color: black;
background-color: white;
border: 2px solid #4a515e;
box-shadow: 4px 4px 6px #cfcfcf;
/*overflow-y: scroll;*/
/*resize:both;*/
}

.summarypopupinner {
display: -webkit-flex;
display: flex;
}

.summarypopup h1 {
margin-right: 0;
padding-right: 0;
}

.summarypopup h3 {
display: inline-block;
/*width: 200px;*/
width: 360px;
height: 2em;
color: white;
background-color: #141929;
margin-top: 0;
padding: 0.3em 0.25em 0.25em 0.25em;
font-weight: 500;
}

.summarypopup p {
margin: 0 1em 1.5em 1em;
padding-left: 0.5em;
}

.summarypopup pre {
margin: 0;
padding: 0;
display: inline-block;
padding-left: 0.75em;
font-size: 1.3em;
margin-top: -1em;
}

.copyrightline {
font-size: 0.8em;
/*margin-top: 12em;*/
color: lightblue;
background-color: #141929;
padding: 0.25em;
/*margin-bottom: 2.5em;*/
}
.copyrightline a {
text-decoration: none;
}
.copyrightline a, .copyrightline a:link, .copyrightline a:visited, .copyrightline a:active, .copyrightline a:hover {
color: lightblue;
}
.copyrightline a:hover {
text-decoration: underline;
}

.push, .copyrightline {
height: 2em;
margin-top: 2em;
margin-bottom: 2em;
}

#manufacturerdata {
position: fixed;
z-index: 999;
top: 0;
/*left: 0;*/
width: 100%;
height: 100%;
padding: 1em;
padding-top: 0;
background-color: white;

overflow: auto;
overflow-wrap: break-word;
word-wrap: break-word;

border: 0;
font-size: 0.85em;
}

#manufacturerdatacontent {
height: auto;
margin-top: 3em;
}
#manufacturerdatacontent table tr td {
padding: 0.25em 0.5em;
border: 1px solid #eee;
max-width: 40%;
vertical-align: top;
}

#mdbtnx {
/*margin-left: 94%;*/
position: fixed;
z-index: 1000;
/*margin-top: -2em;*/
width: 95%;
background-color: white;
padding: 0;
text-align: right;
margin-bottom: 1em;
top: 0;
/*left: 0;*/
}