/* 
    Created on : 16-Apr-2024, 09:52:31
    Author     : Just Checking
*/

@font-face {
  font-family: 'ITCAvantGardeGothicProBook';
  src: url('../fonts/itcavantgardepro-bk-webfont.ttf')  format('truetype'); /* Safari, Android, iOS */
}

html, body {
	
	font-family: 'ITCAvantGardeGothicProBook', Verdana, sans-serif;
	font-size: 12pt;
	margin: 0;
	padding: 0;
	background-color: #F0F2F4;
	
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"] {
	padding: 10px;
	font-family: 'ITCAvantGardeGothicProBook', Verdana, sans-serif;
	font-size: 12pt;
}

input[type="button"],
input[type="submit"],
button {
	
	padding: 10px 20px;
	border: 0;
	font-family: 'ITCAvantGardeGothicProBook', Verdana, sans-serif;
	font-size: 12pt;
	background-color: #4466FF;
	color: white;
	cursor: pointer;
	
}

select {
	
	padding: 10px 20px;
	border: 1px solid silver;
	font-family: 'ITCAvantGardeGothicProBook', Verdana, sans-serif;
	font-size: 12pt;
	background-color: white;
	
}

textarea {
	
	padding: 10px 10px;
	font-family: 'ITCAvantGardeGothicProBook', Verdana, sans-serif;
	font-size: 12pt;
	
}

h1 {
	font-size: 16pt;
	margin: 5px 0px 5px 0px;
	padding: 0;
}

h2 {
	font-size: 14pt;
	margin: 5px 0px 5px 0px;
	padding: 0;
}

h3 {
	font-size: 12pt;
	margin: 5px 0px 5px 0px;
	padding: 0;
}

p {
	vertical-align: top;
}

.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

.blue {
	color: #4466FF;
}

.error {
	background-color: #FFDDDD;
	color: #FF4444;
	padding: 10px;
	text-align: center;
	margin: 10px;
}

.info {
	background-color: #DDDDFF;
	color: #4444FF;
	padding: 10px;
	text-align: center;
	margin: 10px;
}

.label {
	display: inline-block;
	width: 200px;
	vertical-align: top;
}

#titlebar {
	text-align: center;
	height: 60px;
	background-color: white;
}

#titlebar .title-logos {
	float: right;
}

#titlebar .title-logos img {
	height: 50px;
	padding: 5px 10px;
}

#titlebar .title {
	float: left;
	display: inline-block;
	height: 30px;
	padding: 12px 10px;
	font-size: 18pt;
	text-decoration: none;
	color: black;
}


#calendar-select {
	
	font-size: 18pt;
	border: 0;
	padding: 12px 20px;
}


.white-box {
	
	background-color: white;
	border: 1px solid silver;
	padding: 10px;
	
}

.left-75 {
	
	position: absolute;
	top: 70px;
	left: 10px;
	width: calc(75% - 40px);
	bottom: 10px;
	overflow-y: auto;
	
}

.right-25 {
	
	position: absolute;
	top: 70px;
	right: 10px;
	width: calc(25% - 35px);
	bottom: 10px;
	overflow-y: auto;
	
}