/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
###	CLIENT					: Bidhannagar College                                      
###	AUTHOR					: Arindam Chakraborty
###	FILE NAME				: style-home.1.1.1.css                                                      
###	CREATED ON				: 08.08.2025
###	LAST UPDATED ON			: 08.08.2025
###	PURPOSE					: CSS styling for screen over 1081 pixels for All Page Common Elements
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

	html
	{
		position			: relative;
		width				: 100%;
		margin				: 0px;
		padding				: 0px;
		font-size			: 12px;
	}
	body
	{
		position			: relative;
		width				: 100%;
		min-height			: 100%;
		margin				: 0;
		padding				: 0;
		display				: flex;
		flex-direction		: column;
		justify-content		: space-between;
		flex-wrap			: nowrap;
		background-color	: #faf7ed;
		overflow-x			: hidden;
	}
	/**************************** clearfix is used here ***************************************************************************************/
	.clearfix:after
	{
		clear				: both;
		content				: ".";
		display				: block;
		height				: 0;
		line-height			: 0;
		visibility			: hidden;
	}
	
	::-webkit-scrollbar
	{
		width				: 5px;
	}

	/* Track */
	::-webkit-scrollbar-track 
	{
		background: #f1f1f1; 
	}
 
	/* Handle */
	::-webkit-scrollbar-thumb
	{
		background: #096677; 
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover
	{
		background: #090b0d; 
	}
	
	.header-wrapper
	{		
		display				: block;
		width				: 100%;
		height				: 160px;
		margin-bottom		: 15px;
		background-color	: #f7f2e1;
		border-bottom		: 3px solid #024f8c;
	}	
	.header				
	{
		position			: relative;
		box-sizing			: border-box;
		width				: 90%;
		max-width			: 1440px;
		height				: 160px;
		margin				: 0 auto;
		padding				: 10px 0;
		display				: flex;
		flex-wrap			: nowrap;
		align-items			: flex-start
	}
	.header-emblem-block
	{
		align-self			: flex-start;
		width				: 120px;
		height				: auto;
		margin				: 0;
		padding				: 0;	
		background-color	: transparent;
	}
	.header-emblem-block .header-emblem
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		width				: 100%;
		padding-left		: 0;
		padding-right		: 10px;
		border-left			: none;
		border-right		: 1px solid #f3efed;
	}
	/*.header-emblem-block .header-logo
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		width				: 100px;
		padding-left		: 10px;
		border-left			: 1px solid #b6a092;
	}*/
	.header-emblem-block .header-title
	{
		display				: none;
	}
	.header-emblem-block .header-emblem img
	{
		display				: block;
		max-width			: 100%;
		height				: auto;
		max-height			: 120px;
	}
	.title-block
	{
		flex				: 1;
		align-self			: flex-start;
		height				: 140px;
		margin				: 0 10px 0;
		padding				: 0;
	}	
	.title-block span.main-title,
	.title-block span.sub-title,
	.title-block span.para-title,
	.title-block span.highlight-title
	{
		display				: block;
		height				: auto;
		margin				: 0;
	}
	.title-block span.main-title
	{
		text-align			: center;
		line-height			: 1;
		font-family			: 'Abril fatface', sans-serif;				
		font-size			: 36px;
		font-weight			: 600;
		color				: #4540b0;
		letter-spacing		: 2px;
	}
	.title-block span.sub-title,	
	.title-block span.para-title,	
	.title-block span.highlight-title	
	{
		margin-top			: 2px;
		padding-left		: 5px;
		text-align			: center;
		font-family			: 'PT Sans',sans-serif;		
		font-weight			: 400;
		color				: #312d7b;
		letter-spacing		: 1px;
	}
	.title-block span.sub-title	
	{			
		font-size			: 18px;
	}	
	.title-block span.para-title,
	.title-block span.highlight-title	
	{				
		font-size			: 14px;		
	}
	.title-block span.highlight-title
	{
		font-weight			: 600;
		color				: #646c35;
	}
	
	#footer-strip-wrapper
	{
		box-sizing			: border-box;
		width				: 100%;
		height				: 50px;
		margin				: none;
		background-color	: #0f171c;
	}
	
	.footer-text
	{
		position			: relative;
		box-sizing			: border-box;
		display				: inline-block;
		width				: auto;
		height				: auto;
		margin				: 0 auto;
		font-family			: "Roboto Condensed",sans-serif;
		font-size			: 12px;
		text-align			: left;
		color				: #fff;
		top					: 50%;
		left				: 50%;
		transform			: translate(-50%,-50%);
	}
	.footer-text a
	{
		text-decoration		: none;
		color				: #fff;
	}
	.footer-text a:hover
	{
		color				:#6591da;
	}
	
	.content-wrapper
	{
		flex				: 1;
		box-sizing			: border-box;
		display				: block;
		float				: left;
		width				: 100%;
		margin				: 0px;
		margin-bottom		: 15px;
		background			: transparent;
		z-index				: 20;
	}
	
	#splContentWrapper
	{
		margin-bottom		: 0px;
		padding				: 10px 0;
		background-color	: #d8e4ef;
	}
	
	/*---------------------------------------------------------------
	###	Flex Box System
	-----------------------------------------------------------------*/
	.flex-content
	{
		position			: relative;
		box-sizing			: border-box;
		width				: 90%;
		max-width			: 1440px;
		margin				: 5px auto;
		display				: flex;
		flex-wrap			: nowrap;
		justify-content		: flex-start;
	}
	.flex-col-wd-fixed
	{
		flex				: 1;
	}
	.block
	{
		padding-right		: 25px;
	}
	.block:last-of-type
	{
		padding-right		: 0px;
	}
	.row
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: auto;
		min-height			: 3px;
		box-sizing			: border-box;
		margin				: 5px 0px;
		text-align			: left;
	}
	
	.table-container
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: auto;
		margin				: 0 0 15px;
		padding				: 0;
		overflow-x			: auto;
	}
	.table-container table
	{	
		border-spacing		: 2px;
	}	
	.table-container .tab-wid-full
	{
		width				: 100%;
	}
	.table-container .tab-wid-half
	{
		width				: 50%;
	}
	.table-container .tab-wid-auto-full
	{
		min-width			: 99%;
	}
	.table-container .tab-wid-auto
	{
		width				: auto;
	}
	.table-container .leftColPlace
	{
		text-align			: left;
	}
	.table-container .centerColPlace
	{
		text-align			: center;
	}
	.table-container .rightColPlace
	{
		text-align			: right;
	}
	.table-container .width20p
	{
		column-width		: 20px;
	}
	.table-container .col50
	{
		width				: 50px;
	}		
	.table-container table thead tr
	{				
		height				: 30px;
		background-color	: #595959;
		text-align			: center;
		font-family			: cambria;
		font-size			: 1.3rem;
		font-weight			: 600;
		color				: #fff;
	}
	.table-container table thead tr td
	{
		padding				: 0 25px;
		border				: 1px solid #999;
	}
	.table-container table tbody tr
	{
		height				: 25px;
		background-color	: transparent;
		font-family			: "Roboto",sans-serif;
		font-size			: 1.2rem;
		color				: #090b0d;
	}
	.table-container table tbody tr:nth-child(even)
	{
		background-color	: #ccdddc;
	}
	.table-container table tbody tr:nth-child(odd)
	{
		background-color	: #ebf1f1;
	}
	.table-container table tbody tr td
	{
		padding				: 3px 15px;
		text-align			: center;
		border				: 1px solid #999;
		border-radius		: 3px;
		font-weight			: 500;
	}
	.table-container .tableColBold
	{
		font-weight			: 600;
	}
	.table-container table tbody tr td a
	{
		display				: inline-block;
		width				: 60px;
		height				: 24px;
		margin				: 3px 5px;
		padding				: 0 10px;
		text-align			: center;
		background-image	: linear-gradient(to right, #703e38, #492825 );
		font-family			: "Oswald",sans-serif;
		font-size			: 1.1rem;
		font-weight			: 500;
		color				: #fff;
		text-decoration		: none;
		transition			: 0.3s;
		border-radius		: 5px;
		cursor				: pointer;
	}
	.table-container table tbody tr td a:hover
	{
		background-image	: linear-gradient(to right, #5e332f, #231312 );
		box-shadow			: 1px 2px 4px #333;
	}
	.table-container table tbody tr td a span
	{
		position			: relative;
		display				: block;
		//top					: 50%;
		//transform			: translateY(-50%);
	}
	
	.sub-block
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: auto;
		padding				: 10px;
		background-color	: #335f73;
		border-radius		: 10px;
		margin-bottom		: 15px;
	}
	
	/*--------------------------------------------------
	### Content Title                                   
	---------------------------------------------------- */
	h3
	{
		margin				: 0px;
		padding				: 0px;
		text-align			: left;
		font-family			: "Source Sans Pro",sans-serif;
		font-size			: 18px;
		font-weight			: 600;
		color				: #fdfeff;
		text-transform		: uppercase;
	}
	
	.contact-level
	{
		box-sizing			: border-box;
		width				: 140px;
		height				: 24px;
		text-align			: left;
		line-height			: 24px;		
		font-family			: "Roboto",sans-seriff;
		font-size			: 14px;
		color				: #dff2ff;
	}
	.contact-data
	{
		box-sizing			: border-box;
		flex				: 1;
		height				: 24px;
		text-align			: left;
		line-height			: 24px;
		padding				: 0 10px;
		font-family			: "Roboto",sans-seriff;
		font-size			: 14px;
		color				: #ffff00;
	}
	
	.info-box
	{
		position			: relative;
		display				: block;
		width				: auto;
		height				: auto;
		//top					: 50%;
		//left				: 50%;
		//transform			: translate(-50%,-50%);
	}
	
	.info-title
	{
		font-family			: 'Roboto', sans-serif;
		font-size			: 16px;
		font-weight			: 600;
		color				: #ead30f;
	}
	
	.info-text
	{
		font-family			: 'Roboto', sans-serif;
		font-size			: 16px;
		font-weight			: 500;
		color				: #fdfeff;
	}
	
	.info-box a
	{
		box-sizing			: border-box;
		display				: inline-block;
		min-width			: 80px;
		height				: 32px;
		padding				: 0 10px;
		text-decoration		: none;
		line-height			: 32px;
		text-align			: center;
		background-color	: #f8efeb;
		font-family			: 'Oswald', sans-serif;
		font-size			: 14px;
		font-weight			: 400;
		color				: #2e4a5a;
		cursor				: pointer;
		transition			: 0.3s;
	}
	.info-box a:hover
	{
		background-color	: #542e1d;
		color				: #f5f9fa;
		box-shadow			: 1px 2px 5px #727272;
	}
	
	h1.main-page-title
	{		
		position			: relative;
		display				: block;
		width				: auto;
		height				: auto;
		margin				: 2px auto;		
		text-align			: center;
		font-family			: 'Abril Fatface', sans-serif;
		font-size			: 2.6rem;
		font-weight			: 800;
		color				: #2e4a5a;
		text-transform		: uppercase;
		letter-spacing		: 2px;
	}
	
	/*--------------------------------------------------
	### Content Title                                   
	---------------------------------------------------- */
	h2.content-title
	{
		margin				: 0px;
		padding				: 0px;
		text-align			: left;
		font-family			: "Oswald",sans-serif;
		font-size			: 2rem;
		font-weight			: 600;
		color				: #222;
		text-transform		: uppercase;
	}
	
	
	
	
	.filter-container
	{
		position			: relative;
		box-sizing			: border-box;
		width				: 100%;
		margin				: 15px auto;
		padding				: 15px 20px;
		display				: flex;
		flex-wrap			: nowrap;
		justify-content		: flex-start;
		background-color	: #fff;
		border-radius		: 15px;
		border				: 1px solid #c0c0c0;
		box-shadow			: 1px 2px 4px #c0c0c0;
	}
	.filter-container .filter-block
	{
		width				: auto;
		height				: 50px;
		display				: flex;
		flex-flow			: column nowrap;
		margin-right		: 10px;
		align-items			: center;
	}
	.filter-container .filter-block label
	{
		width				: 100%;
		height				: auto;
		margin				: 0 0 3px;
		padding				: 0 0 0 5px;
		text-align			: left;
		font-family			: "Oswald",sans-serif;
		font-size			: 12px;
		font-weight			: 500;
		letter-spacing		: 1px;
		color				: #0a4178;
	}
	.filter-container .filter-block .select-box
	{
		display				: block;
		width				: 100%;
		height				: 30px;
		border				: 2px solid #8ba7cf;
		padding				: 0 10px;
		font-size			: 12px;
		background-color	: #f0f9ff;
	}
	
	.filter-container .filter-block select option
	{
		padding				: 0 5px;
		font-size			: 12px;
		color				: #27323a;
	}
	
	.filter-container .filter-block button
	{
		display				: block;
		width				: 150px;
		height				: 40px;		
		padding				: 0 10px;
		background-color	: #b3e0ff;
		font-family			: "Oswald",sans-serif;
		font-size			: 12px;
		font-weight			: 500;
		letter-spacing		: 1px;
		color				: #04182d;
		border				: 1px solid #8ba7cf;
		border-radius		: 5px;
		box-shadow			: 1px 2px 2px #c0c0c0;
		cursor				: pointer;
		transition			: 0.3s;
	}
	.filter-container .filter-block button:hover
	{		
		background-color	: #003e66;
		color				: #eaf3fd;
		border				: 1px solid #8ba7cf;
		box-shadow			: 1px 2px 5px #c0c0c0;
	}
	
	.notification
	{
		position			: relative;
		box-sizing			: border-box;
		width				: 100%;
		height				: auto;
		margin				: 0;
		padding				: 15px;
		background-color	: #e6d1c6;
	}
	.notification .notify-title,
	.notification .notify-text
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: auto;
		margin				: 0 0 5px;
	}
	.notification .notify-title
	{
		font-family			: "Roboto",sans-serif;
		font-size			: 18px;
		font-weight			: 600;
		color				: #241811;
	}
	.notification .notify-text
	{
		font-family			: "Roboto",sans-serif;
		font-size			: 15px;
		font-weight			: 500;
		color				: #002f4f;
	}