body{
	padding: 12px;
	background-color: #172B22;
}

#card-bg{
    /*padding: 4px;
    background: linear-gradient(180deg, rgba(0,135,121,1) 0%, rgba(1,21,22,1) 56%, rgba(0,14,15,1) 99%)*/
    background-image: url("https://ruckeroutlet.ph/img/stamp/bg.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

#store-bg{
    padding: 4px;
    background: linear-gradient(180deg, rgba(0,135,121,1) 0%, rgba(1,21,22,1) 56%, rgba(0,14,15,1) 99%)
}

.container{
    background-color: rgba(0, 0, 0, .50);
    border-radius: 3px;
}

.container-sign-up{
    background-color: white;
    border-radius: 3px;
}

img{
	max-width: 100%;
	padding-top: 20px;
	padding-bottom: 20px
}

.stamp{
    max-width: 100%;
	padding-top: 12px;
	padding-bottom: 12px
}

hr{
	max-width: 97%;
}

.main-container{
	padding: 25px;
	background-color: white;
	border-radius: 5px;
	box-shadow: 1px 1px 4px;
}

.main-container-card{
    color: white;
	padding: 25px;
	background-color: none;
}

.required_field{
	color: #ff0000;
}

.note{
	font-size: 14px;
}

.index-button{
    padding-top: 6px;
    padding-bottom: 6px;
}

.index-button a{
    text-decoration: none;
}

#required-note{
	padding-top: 28px;
	padding-bottom: 2px;
}

#terms{
	padding-top: 6px;
	padding-bottom: 12px;
}

.information{
    color: grey;
    font-size: 13px;
}

.information:hover{
    color: grey;
    text-decoration: none;
}

.card-link{
    color: white;
    text-decoration: none;
}

.card-link:hover{
    color: white;
    text-decoration: none;
}

.name-box{
    padding: 6px;
    margin: 6px;
    border-radius: 6px;
    background-color: white;
    color: black;
}

.label-margin{
    margin-top: 6px;
}

.teal-link{
    color: teal;
    text-decoration: underline;
}

.teal-link:hover{
    color: white;
}

.black-text{
    color: black;
}

.records-active{
    background-color: white;
    color: black;
    padding: 6px;
    margin-top: 3px;
    border-radius: 6px;
}

.records-inactive{
    background-color: white;
    color: grey;
    padding: 6px;
    margin-top: 3px;
    border-radius: 6px;
}

.records-claimed{
    background-color: rgb(255, 193, 7);
    color: black;
    padding: 6px;
    margin-top: 3px;
    border-radius: 6px;
}

.active{
    color: green;
    font-weight: bold;
    font-size: 24px;
}

.inactive{
    color: red;
    font-weight: bold;
    font-size: 24px;
}

.claimed{
    background-color: rgb(255, 193, 7);
    color: black;
    border-radius: 2px;
    padding: 6px;
}

.table{
    background-color: white;
}

footer{
    font-size: 14px;
    padding-top: 10px;
    color: white;
}