body {
	background-color: #fafafa;
	font-family: "Arial";
}

input{
	border-radius:28px;
	outline: none !important;
	display:inline-block;
	font-family:Arial;
	font-size:17px;
	padding:6px 21px;
}

a, article, div, h1, h2, h3, h4, h5, h6, img, section, span {
    -moz-user-select: none;
    -webkit-user-select: none;
}
input, select, textarea {
    -webkit-appearance: none;
    -webkit-border-radius:28px;
}

input[type=checkbox]{
	-webkit-appearance: checkbox;
	margin-top: 3px;
	margin-right: 2px;
	padding-top: initial;
	padding-right: initial;
	padding-bottom: initial;
	padding-left: initial;
	background-color: initial;
	border-top-color: initial;
	border-top-style: initial;
	border-top-width: initial;
	border-right-color: initial;
	border-right-style: initial;
	border-right-width: initial;
	border-bottom-color: initial;
	border-bottom-style: initial;
	border-bottom-width: initial;
	border-left-color: initial;
	border-left-style: initial;
	border-left-width: initial;
}

input[type=text]:focus, input[type=password]:focus {
	background-color: lightyellow;
}

input[type=color]{
	padding:0px;
}

.free_time{
	background-color: rgba(3,240,3,0.4);;
	border: 0px solid black;
}
.ocupied_time{
	background-color: rgba(120,3,3,0.4);
}
.closed_time,
.past_time{
	background-color: rgba(123,123,123,0.4);
	color: rgb(120,120,120);
}
.booked_time{
	background-color: rgba(93,60,203,0.4);
}

.myButton {
	background-color:#344e55;
	border-radius:28px;
	border:1px solid #344E55;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
	background-color:#1A272A;
}
.myButton:active {
/*	position:relative; This style makes the dropdownbox close when being opened. */
	top:1px;
}

.smallerButton {
	font-size:14px;
	padding:8px 21px;
}

.dropdown {
	font-size:14px;
	padding:8px 21px;
	border-radius:0px;
}
.dropdown:hover {
	background-color:#1A272A;
}
h1 {
	color: #cf33d0;
}

/*Responsive Styles*/

@media screen and (max-width : 992px){
	.myButton{
		font-size:37px;
		padding:26px 41px;
		border-radius:48px;
	}
	.smallerButton {
		font-size:24px;
		padding:18px 31px;
	}
	input{
		border-radius:38px;
		display:inline-block;
		font-family:Arial;
		font-size:37px;
		padding:16px 31px;
	}
	body {
		font-size: 24px
	}

	#datepicker_calendar{
		width: 470px;
		height: 600px;
	}
}