@charset "UTF-8";
/* CSS Document */

body {
	/* background-color: #DDDDDD; */
	background: radial-gradient(ellipse at bottom, #ffffff, #f1f5f9, #e2e8f0);
    font-family: 'Barlow', sans-serif;
}

.navbar {
	/* background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); */
    background-color: #3869DC!important;
}

.navbar-brand {padding-left: 10px}

.jumbotron {
	padding: 2em!important;
}

#missing-numbers {text-align: center;}

.table-missing {margin-left: auto; margin-right: auto; border-width:1px; table-layout:fixed; width: 100%;}
.table-missing td {border-width:1px; padding: 5px; text-align:center;}
	
h1 {font-size: 2.25em!important}
h2 {font-size: 1.5em!important}
h3 {font-size: 1.1em!important}

table {margin:auto}

.nav-buttons-img {margin: 0 50px;}

.bg-special {background-color: #F0F0F0}

.stations-table {width: 40%;}
.stations-table td {padding: 0 5px;}

.accordion-collapse p {color:red;}

.pics-table img {width:90px}
.pics-table {font-size:24px}
.pics-table td {text-align: center}

.values-table {padding-bottom: 10px;}
.values-table td {padding: 0 10px;text-align: left}

.history-table {font-size:14px; text-align:left; margin: 2px; max-width: 80%;}
.history-table td {padding: 5px 10px}
.history-table img {height:80px}
.history-notes {text-align: left!important; padding-left: 10px!important}
.history-red {color: red}
.history {text-align: center}
.history-img {height: 100px}
.history-pic {float: left; padding: 20px 10px}
.history-pic img {max-height: 80px}

.history-float {height:150px; float:left; margin: 0 20px 20px 0;}

#table-vintage img {width:250px}
#page-title  {font-family: 'Barlow', sans-serif; color: darkgoldenrod; text-align: center; font-size: 48px!important;}

.table-fake img {height:250px}
.table-fake td {padding:5px; text-align: center; font-size: 18px}
.table-fake table, td {border: 1px solid}
.fake-tr-header {text-align: center}
.legit {background-color:green}
.fake {background-color:red}

.table-c-and-pc-ranges {margin-left: 0; margin-right: auto;}
.table-c-and-pc-ranges td {padding: 2px 5px; text-align: center;}

.history-pods {background-color: #f4f4f4; border: 1px solid; border-radius:5px; float: left; padding: 10px 20px; margin: 20px; width: 90%;}
.history-pods img {height: 100px;}

.timeline-table {width: 800px; text-align: left}
.timeline-table td {padding: 5px 10px}

.nav-item {margin-right: 10px;}

.all-types-table {width: 800px}
.all-types-table td {padding: 10px;  text-align: left}
.all-types-table img {height: 90px}

.card-img {width: 100%; padding: 0 20px;}

.card-title-all-types {text-align: left; font-size: 16px!important; color: #000000!important;}

.col-sm-2 {padding: 5px}

.card {margin-bottom: 20px;}

.card p {text-align: left; font-size: 14px}

.accordion {
	max-width: 800px;
	margin: 0 auto;
}

.list-group {
	max-width: 800px;
	margin: 0 auto;
	text-align: left;
}

#myInput {
	width: 400px;
}

.never-hide {
	display: table-row!important;
}

.btn {margin: 3px; border-radius: 20px;}

.buttons-header {width: 50%; margin: auto;}

.card-title {font-weight: bold; color: goldenrod; font-size: 24px;}

.card-text {font-size: 18px;}

progress {width: 80%}

footer {
    background-color: white;
    padding: 5px;
    margin-top: 10px;
    text-align: center;
}

@media only screen and (max-width: 992px) {
  /* For mobile phones: */
h1 {font-size: 28px}
h2 {font-size: 20px}
h3 {font-size: 14px}
h4 {font-size: 24px}
td {font-size: 12px!important}
table {width: 100%}
.pics-table img {width:auto; max-width: 35px;}
.pics-table td {font-size: 8px!important}
.table-fake img {height:auto; max-height: 100px;}
.table-fake td {font-size: 18px}
.all-types-table img {height:auto; max-height: 50px;}
.history-table img {height:20px;}
.history-table {max-width: 75%;}
.history-img {height:auto; max-height: 50px;}
#myInput {width: 300px}
.timeline-table {width:100%}
#page-title  {color: darkgoldenrod; text-align: center; font-size: 36px!important;}
.nav-item {margin-left: 10px;}
.nav-buttons {display:block}
.nav-buttons-img {max-width:350px; margin: 20px 0;}
}