@import url('https://fonts.googleapis.com/css2?family=Asap:wght@200;300;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');


@view-transition{
	navigation:auto;
}
::view-transition-group(root){
	animation-duration:.5s;
}

@view-transition{
	navigation:auto;
}

/*
html {
  scrollbar-gutter:stable;
}
*/


a{
	color:#0000FF;
	text-decoration:none;
}

a:hover{
	color:#FF0000;
}

.body{
	//background-color:#f2f4f7;
	backgrond:white;
	color:#000000;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	margin:0px;
}

.heading{
	font-size:46px; line-height:1.2; 
	color:#9200BF;
	font-family:'JetBrains Mono';
}

.title{
	font-size:24px;
}

.sub{
	font-size:18px;
}

.tHover:hover{background-color:#F7FAFF!important;}


/* bootstrap */
.popover {
	max-width:350px !important; /* Remove the default max-width restriction */
}
						
.table{margin-bottom:0px;}
.table > tbody > tr > td{vertical-align:middle; padding:5px; border-top:none !important;}
.table-hover > tbody > tr:hover{background-color:#E4E4E4!important;}
.table-borderless td{border-top:none !important;}
.table, tr, td {border-bottom-color:#EEEEEE !important;}

.nTable{
	width:100%;
}

.nTable tbody > tr{
	border-bottom:1px solid #E8E8E8;
}

.nTable tbody > tr > td{
	padding:4px;
	vertical-align:middle;
}


.form-select {border-radius:25px!important;}
.form-control {border-radius:30px !important; border: 1px solid #ccc!important;}

.btn-purple {
  color: #fff !important;
  background-color: #8E23D9 !important;
  border-radius: 25px !important;
}

.btn-purple:hover {
  background-color: #6A17A3 !important;
}




.form-check-input{
	width:16px; height:16px; margin-top:2px; margin-right:5px; !important;
}

.btn-light {border:1px solid #CCCCCC !important; border-radius:25px!important;}
.bg-light:hover{background-color:#CCCCCC !important;}
.btn-light:hover{background-color:#CCCCCC !important;}
.btn-danger{border-radius: 25px !important;}

/* bootstrap */


.contPanel{
	display:flex; 
	gap:10px;
	align-items:center; 
	justify-content:center; 
	flex-wrap:wrap; 
	margin: 15px auto 0;
	padding:15px;
	border-radius:12px;
	background:white;
	//box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	width: fit-content;
}

.boxShadow{
	box-shadow:0px 0px 8px 4px rgba(0, 0, 0, 0.05);
}


.panel1{
	padding:10px;
	background:#FFFFFF;
	border:1px solid #E8E8E8;
	border-radius:12px;
}

hr{
	height:1px;
	background:#333;
	margin-top:4px;
	margin-bottom:4px;
}

.metaRow{
	display:flex; gap:10px; justify-content:flex-start; align-items:center; padding:5px;
}

.metaTitle{
	width:130px; text-align:right;
}

.metaInput{
	width:100%;
}


.formHead{
	padding-top:10px!important;
	padding-bottom:10px!important;
	background-color:#DDDEDF;!important;
	font-weight:bold;
}




.qFields{
	padding-left:5px;
	padding-right:5px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#E8E8E8;
}


@media (max-width: 576px){	
	.metaRow{
		display:block;
	}
	
	.metaTitle{
		text-align:left;
		margin-top:10px;
	}
}