@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:300,400';
/* colors */
/* tab setting */
/* breakpoints */
/* selectors relative to radio inputs */
html {
  width: 100%;
  height: 100%;
}

body {
  background: #efefef; 
  color: #333;
  /* font-family: "Raleway"; */
  height: 100%;
}

input::placeholder {
	opacity: 0.7;
}

select > option[disabled]  {
	color: rgba(50, 50, 50, 0.5);
}

select > option {
	color: #333;
}

select:invalid, select:disabled {
	color: rgba(50, 50, 50, 0.5);
}






.table-input > tbody > tr:nth-child(2n+3) > td {
	padding-top: 30px;
}



.info-text1 {
	font-size: 1.75rem;
	font-weight: bold;
}

.info-text2 {
	font-size: 1.25rem;
	font-weight: bold;
}

@media (max-width: 992px) {
	.info-text1 {
		font-size: 1rem;
		font-weight: bold;
	}
	
	.info-text2 {
		font-size: 0.75rem;
		font-weight: bold;
	}
}



.navbar-brand {
	font-size: 3rem;
}

.navbar-brand i {
	font-size: 3.2rem;
}

.btnScanQR {
	height: 2rem;
	width: 2rem;
}

@media (min-width: 992px) and (max-width: 1105px) {
	.navbar-brand {
		font-size: 2.4rem;
	}
	
	.navbar-brand i {
		font-size: 2.56rem;
	}
	
	.btnScanQR {
		height: 1.6rem;
		width: 1.6rem;
	}
	
	#navbarCollapse a, #navbarCollapse .btn {
		font-size: 0.8rem;
	}
}



.nav-title1 {
	font-size: 1.25rem;
}

.nav-title2 {
	font-size: 1rem;
}

@media (max-width: 492px) {
	.nav-title1 {
		margin-top: 10px;
		font-size: 0.9rem;
	}

	.nav-title2 {
		font-size: 0.7rem;
	}
}