/* --- QUOTES STYLE --- */

.ui-widget-header {
	background: var(--navyBlueVeryLight);
}

#header {
	min-height: 60px;
	background-color: var(--magenta);
	color: white;
	border-bottom: 5px solid var(--navyBlue);
}
#header img {
	border-right: 3px solid var(--navyBlue);
}

#confirmation img {
	height: 15vh;
}

h3:not(.title_header) {
	background: #FCCED9;
}

.q-button {
	font-size: 1.2rem;
  	padding: .5rem 3rem;
	margin: 2rem auto;
	border-radius: .3rem;
}

.q-small-button {
	font-size: 1rem;
  	padding: .25rem 1.5rem;
	margin: .5rem auto;
	border-radius: .3rem;
	min-width: 9rem; /* for next/previous button to have same width and have the gap in the middle */
}

div#tabs {
	margin-top: 1rem;
}

table {
	border-collapse: collapse;
	margin: 1rem auto;
}

table thead {
	background: var(--magentaVeryLight);
	border-bottom: 1px solid var(--lightGrey);
}
table thead th:first-child {
	width: 30px;
}
table thead th:last-child {
	width: 50px;
}

table tbody tr {
	border-bottom: 1px solid var(--lightGrey);
}

th, td {
	padding: .5rem 1rem;
}

table .delete-device {
	background: var(--errorColor);
	border: 1px solid #000;
	border-radius: .3rem;
	padding: .2rem .5rem;
	color: white;
	cursor: pointer;
}
table .delete-device:hover {
	background: var(--errorLightColor);
	color: black;
}

div.qemailradio {
	padding-bottom: .5rem;
}