@font-face {
	font-family: Kalpurush;
    src: url(/downloads/font/kalpurush.ttf);
}
body
{
	background: url('/2023-web/resources/images/stripe_1.png');
	align-content: center;
	
	font-family: Kalpurush;
	font: Kalpurush, vrinda, arial, verdana, sans-serif;
}

header
{
	height: 5vh;	
	font-size: 1.5vh;
	border-radius: 10px 10px 0px 0px;
}

footer
{
	height: 3vh;
	font-size: 2vh;
	border-radius: 0px 0px 10px 10px;
	flex-grow: 1;
}

footer a {
	color: white;
	font-size: 1.5vh;
	text-decoration: underline;
}

article {
	text-align: left;
	background: #fafafa;
	min-height: 90vh;
	font-size: 2.5vh;
	width: 95vw;
	max-width: 1020px;
	padding: 5px;
	height: auto;
	/*
	overflow: auto;
	margin: auto;
	*/
}

header, footer {
	color: #ffffff;
	text-align: center;
	background: #00c1ca; /* #0000ca; */	
	max-width: 1024px;
	vertical-align: middle;
}

header, footer, article {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

#logo {
	border-radius: 5px;
	padding: 3px;
	float: left;
	height: 4.7vh;
	background: #fafafa; /* for non-css3 browsers */
	margin: 0px;
}

.panelW {
	/*wide panel */
	clear: both;
	margin: 0;
	/*border: solid red 1px;*/
}

.panelR {
	float: right;
	width: 40%;
	text-align: right;
	display: inline-block;
	/*border: dotted blue 1px;*/
}

.panelLX, .panelLXS {
	float: left;
	text-align: left;
	padding: 5px;
	border-right: solid  #00c1ca 2px;
}

.panelRX, .panelRXS, .panelRS {
	float: right;
	padding: 5px;
	overflow-y: auto;
}

.panelLX {
	width: 50%;
}

.panelRX {
	width: 47%;
	text-align: left;
}

.panelRS {
	width: 10%;
	text-align: right;
}

.panelLXS {
	height: 82vh;
	overflow-y: auto;
	width: 30%;
}

.panelRXS {
	height: 82vh;
	width: 65%;
	text-align: left;
}


.panelC {
	margin: auto;
	max-width: 800px;
}

.panelpop {
	margin: auto;
	width: 90vw;
	max-width: 900px;
	max-height: 90vh;
	border-radius: 5px;
	background: #fafafa;
	border: solid #0000ca 1px;
	box-shadow: 0 5px 15px rgba(145, 92, 182, 0.8);
	display:block;
	padding: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: fixed;
	visibility: hidden;
	font-size: 3vh;
	text-align: center;
}