.cinzel {
	font-family: "Cinzel",serif;
}

div.card h3.cinzel.blue {
	color: #3e899f;
}

body {
	padding-top: 85px;
}

.navbar-nav li.nav-item > a.nav-link {
	color: #fae8d0 !important;
}

ul.dropdown-menu > li > a.dropdown-item  {
	color: #fae8d0;
}
ul.dropdown-menu > li > a.dropdown-item:hover  {
	color: #5d170e;
}

.g-signin2{
  width: 100%;
}

.g-signin2 > div{
  margin: 0 auto;
}

div.card {
	border-bottom: 10px solid #11294c;
	border-radius: 0px;
	box-shadow: 5px 5px 5px lightgray;
	background-color: #fdf6ed;
}

.btn.btn-primary {
	background-color: #11294c !important;
}

label {
	font-size: 0.8em;
}

div#footer {
	color: #fae8d0;
	background-color: #5d170e; 
	border-top: 20px solid #2d150a;
	margin-top: auto;
}

.hide {
	display: none !important;
}

select, input {
	box-shadow: inset 0px 1px 8px rgba(0, 0, 0, 0.2);
}

select#daytype {
	width: 200px !important;
	background-color: #fff !important;
	padding: 5px !important;
	text-align: center !important;
	border-radius: 10px !important;
	border: 1px;
}

/* Google Style Below */

.container{
	padding: 20px;
}
.wrapper{
	width: 340px;
	margin: auto;
	padding: 20px;
    background-color: #f0f0f0;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
    text-align: center;

}
.wrapper h2{
	font-size: 20px;
	color:#333;
	text-align: center;
}
.wrapper img{
	max-width: 100%;
}
.ac-data{
    text-align: left;
}

.login-btn {
	transition: background-color .3s, box-shadow .3s;
	text-decoration: none;
	padding: 12px 16px 12px 42px;
	border: none;
	border-radius: 3px;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
	
	color: #757575;
	font-size: 14px;
	font-weight: 500;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
	
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
	background-color: white;
	background-repeat: no-repeat;
	background-position: 12px 11px;
	
	&:hover {
	  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
	}
	
	&:active {
	  background-color: #eeeeee;
	}
	
	&:focus {
	  outline: none;
	  box-shadow: 
		0 -1px 0 rgba(0, 0, 0, .04),
		0 2px 4px rgba(0, 0, 0, .25),
		0 0 0 3px #c8dafc;
	}
	
	&:disabled {
	  filter: grayscale(100%);
	  background-color: #ebebeb;
	  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
	  cursor: not-allowed;
	}
}

.container{
	padding: 20px;	
}
h1{
	text-align: center;
	font-size: 2rem;
	color: #888888;
	text-transform: uppercase;
	font-family: monospace;
    font-weight: bold;
}

.wrapper{
	width: 320px;
	margin: 0 auto;
	padding: 10px;
	background-color: #E7E9EB;
    color: black;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.form-group.time{
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.form-group.time label{
	width: 100%;
}
.form-group.time input{
	width: 45%;
	float: left;
}
.form-group.time span{
	float: left;
    padding: 5px;
}

table tr:nth-child(even) {
	background: #FAF9F6 !important;
}