* {
	font-family: Arial;
	font-size: 14px;
	line-height: 20px;
}

body {
	margin: 20px;
}

h1 {
	background: #f3f3f3;
	font-size: 18px;
	/*border-bottom: 1px solid #d7d7d7;*/
	margin: 0;
	margin-bottom: 20px;
	padding: 10px 20px;
	line-height: 30px;
	border-radius: 6px;
}

h2 {
	font-size: 18px;
	/*border-bottom: 1px solid #d7d7d7;*/
	margin: 0;
	margin-bottom: 20px;
	padding: 10px 20px;
	line-height: 30px;
	/* border-bottom: 1px solid #dadada; */
	background-color: #00274c;
	color: #fff;
	border-radius: 25px;
}

h3 {
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px solid #d7d7d7;
	margin: 0;
	margin-bottom: 20px;
	padding: 10px 20px;
	line-height: 20px;
}


.site {
	width: 1200px;
	margin: 0 auto;
}

#logo {
	text-align: center;
	margin-bottom: 20px;
}

	#logo img {
		height: 50px;
		width: auto;
	}

.columns {
	display: flex;
	gap: 50px;
}

	.col { flex-shrink: 1; }
	.col-2-1 { width: 50%; }
	.col-4-1 { width: 25%; }
	.col-4-3 { width: 75%; }
	.col-3-1 { width: 33%; }

.box {
	padding: 20px;
	text-align: center;
	border-radius: 32px;
	/* box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); */
}

form {
	margin: 0;
}

.set {
	display: flex;
	gap: 20px;
	margin-bottom: 10px;
}

label {
	width: 150px;
	text-align: right;
	line-height: 32px;
}

.options-set {
	width: 50%;
	display: flex;
	gap: 2px;
}

.options-set span {
	line-height: 32px;
	font-weight: 600;
}

.submit {
	margin: 0;
	margin-top: 20px;
	padding: 10px 0;
	/*background: #f3f3f3;*/
	text-align: center;
	/*border-radius: 6px;*/
	border-top: 1px solid #dadada;
}

.error {
	margin: 0;
	margin-bottom: 10px;
	background: #ffe5e5;
	padding: 5px 0;
	border: 1px solid #8f6b6b;
	border-radius: 12px;
	width: 100%;
	text-align: center;
}

.update {
	margin: 0;
	margin-bottom: 10px;
	background: #e7ffe5;
	padding: 5px 0;
	border: 1px solid #6b8f6e;
	border-radius: 12px;
	width: 100%;
}

input {
	/*margin-bottom: 5px;*/
	width: 100%;
	padding: 8px;
	border-radius: 6px;
	border: 1px solid #7c7c7c;
	background: #f9f9f9;
}

input[type="radio"] { 
	width: auto;
	margin: 5px;
	vertical-align: top;
}

button[type="submit"], a.button {
	display: inline-block;
	background: #00274c;
	color: #fff;
	border: none;
	line-height: 42px;
	width: 140px;
	margin-bottom: 0;
	border-radius: 21px;
	padding: 0 10px;
}

	button[type="submit"] i {
		float: right;
		line-height: 42px;
	}

	button[type="submit"]:hover, a.button:hover {
		background: #034481;
	}

a.button {
	box-sizing: border-box;
	text-decoration: none;
}

a.button.auto {
	width: auto;
}

a.button-back, a.button.regular {
	background-color: #dedede;
	color: #000;
}

a.button-back:hover, a.button.regular:hover {
	background-color: #cbcbcb;
}

a.button-back i {
	float: left;
	line-height: 42px;
	margin-right: 5px;
}

select {
	width: auto;
	padding: 8px;
	border-radius: 6px;
	border: 1px solid #7c7c7c;
	background: #f9f9f9;
}

.center-select {
	border: 1px solid #cbcbcb;
    padding: 5px;
    background: #f9f9f9;
    margin-bottom: 5px;
    border-radius: 6px;
    cursor: pointer;
	line-height: 25px;
}

	.center-select.selected {
		background: #00274c;
		color: #fff;
	}

section {
	/*background: #f3f3f3;*/
	/*padding: 20px;*/
}



.succ {
	display: inline-block;
	width: 100px;
	text-align: right;
	margin-bottom: 10px;
	margin-right: 10px;
	font-weight: bold;
}

#gmap {
	height: 600px;
}


/* Bookings  */
.bookings-day {
	display: flex;
	gap: 2px;
	margin-bottom: 10px;
}

.bookings-day header {
	background: #00274c;
	padding: 5px 10px;
	text-align: left;
	color: #fff;
	border-radius: 6px;
	width: 80px;
	line-height: 16px;
}

.bookings-day header span.dow {
	display: block;
	font-size: 12px;
	color: #9fc6f1;
}

.bookings-day-lanes .bookings-day-lane:first-child { margin-top: 0; }

.bookings-day-lane {
	display: flex;
	gap: 2px;
	margin-top: 2px;
	/* flex-grow: 1; */
}

.bookings-day-lane header {
	background: #29466a;
	/* line-height: 24px; */
	width: 40px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	padding: 5px 0;
}

	.bookings-day-lane header i {
		font-size: 18px;
		line-height: 36px;
	}

.bookings-day-times {
	display: flex;
	gap: 2px;
}

.bookings-day-time {
	background: #d1d1d1;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	height: 36px;
	line-height: 36px;
	border-radius: 6px;
	width: 46px;
	position: relative;
	overflow: hidden;
}

.bookings-day-time.empty { background-color: #d1d1d1; }

.bookings-day-time.empty:hover,
.bookings-day-time.empty.hover {
	background-color: #ffcb6d;
}

.bookings-day-time.selected { background: #ffbc44; }

/* Tables */
table {
	width: 100%;
	border-spacing: 0;
}

td {
	padding: 10px;
	text-align: left;
}

thead td {
	background-color: #00274c;
	color: #fff;
}

tbody td {
	background-color: #ededed;
}

tbody tr:nth-child(even) td {
	background-color: #f4f4f4;
}

/* Progress */
#progress {
	display: flex;
	height: 70px;
	margin: 10px 0;
}

.order-step {
	width: 10%;
	text-align: center;
}

	.order-step .circle {
		display: inline-block;
		width: 40px;
		height: 40px;
		border-radius: 20px;
		background: #dedede;
		text-align: center;
		line-height: 40px;
		font-weight: 700;
		font-size: 14px;
		margin-bottom: 5px;
	}

	.order-step .step-text {
		font-size: 14px;
	}

	.order-step .circle i {
		font-size: 20px;
		line-height: 40px;
	}

	.order-step.active .circle { background: #00274c; color: #fff; }
	.order-step.active .step-text { font-weight: 700; }

.order-connect {
	width: 35%;
}

	.order-connect hr {
		border: 0;
		border-top: 2px dashed #ccc;
		margin: 0;
		margin-top: 18px;
	}

/* Progress Redone */
#progress2 {
	display: flex;
	height: 40px;
	margin: 10px 0;
}

.progress-step {
	flex-grow: 1;
	line-height: 40px;
	padding: 0 5px;
	background-color: #eeeeee;
	position: relative;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	margin-left: -20px;
	padding-left: 40px;
	box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25);
}

#progress2 .progress-step:first-child {
	margin-left: 0;
	padding-left: 20px;
}

.progress-step.active {
	background-color: #00274c;
	color: #fff;
}

/* Business */
#business-menu {
	margin-bottom: 20px;
	background-color: #f4f4f4;
	border-radius: 31px;
	padding: 10px;
}

/*
#business-menu a {
	display: inline-block;
	background-color: #dedede;
	color: #000;
	
	border: none;
	line-height: 42px;
	width: 140px;
	margin-bottom: 0;
	border-radius: 21px;
	padding: 0 10px;
	text-decoration: none;
	text-align: center;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}

#business-menu a.active {
	background: #00274c;
	color: #fff;
}

#business-menu a:hover {
	background-color: #cbcbcb;
}*/

.call-center {
	background-color: #00274c;
	padding: 10px;
	margin: 0;
	margin-bottom: 40px;
	border-radius: 20px;
	color: #fff;
}

.call-center p {
	margin: 10px;
	font-size: 18px;
}

p.call-center-phone {
	font-size: 32px;
	margin: 20px;
}