* {
	margin: 0;
	padding: 0;
}

body {
   	background-image: linear-gradient(rgba(238, 235, 226, 1), rgba(146, 51, 8, 0.8), rgba(146, 51, 8, 0.8));
	min-height: 100vh;
}

#ct {
	background-image: url("/images/Amber_DSC0166_s.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
  	margin: 0 auto;
	min-height: 100vh;
	padding: 60px 0 60px 0;
	color:  rgba(146, 51, 8, 1);
}

.top {
	height: 80px;
	background-color: rgba(146, 51, 8, 0.8);
}

.row {
	margin: 0;
}

/* ******************************* misc ********************************** */

a#day, a#clock {
	color: #F1C65B;
	margin: 0 0 0 6px;
	text-align: right;
}

a#clock {
	width: 116px;
	float: right;
}

div.navbar-collapse.collapse.show{
	background-color: rgba(146, 51, 8, 0.8);
}

h1 {
	text-align: center;
}

.btn-outline-secondary {
    color: rgba(146, 51, 8, 0.8);
    border-color: rgba(146, 51, 8, 0.8);
    background: white;
}

input.btn-outline-secondary:hover {
	background-color: rgba(146, 51, 8, 0.8);
	color: white;
}

label {
	display: block;
	width: 100%;
	height: 30px;
	font-size: 20px;
}

input {
	width: 100%;
	height: 40px;
	border: 1px solid  rgba(146, 51, 8, 0.8);
	border-radius: 4px;
	padding-left: 4px;
	margin: 20px auto 20px auto;
}

p.errors {
	color: red;
}

::placeholder {
  color: rgba(146, 51, 8, 0.8);
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: rgba(146, 51, 8, 0.8);
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: rgba(146, 51, 8, 0.8);
}


div.box {
	position: relative;
}

img{
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: 0 auto;
	border: 1px solid rgba(146, 51, 8, 0.8);
}

input[type="submit"].delete {
	position: absolute;
	top: 6%;
	left: 6%;
	transform: translate(-6%, -6%);
	-ms-transform: translate(-6%, -6%);
	/* width: 100%; */
	height: 40px;
	margin: 0;
	width: 80px;
}

/* ********************************* footer ******************************** */

hr {
	border: 0;
	height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(146, 51, 8, 0.8), rgba(0, 0, 0, 0));
}

p {
	color: #eeebe2;
}

a.reglog {
	/* color: #F1C65B; */
	color: rgba(146, 51, 8, 1)
}

a {
	color: #F1C65B;
}

a:hover {
	color: #d58936;
}

footer {
	padding-left: 20px;
	padding-right: 20px;
}

/* ********************************* modal ******************************** */

a.btn.tn-outline-success {
	margin: 0;
	padding: 0;
}