/******************************************************* Font Elements ********/
	@font-face {
	  font-family: 'Lato';
	  font-style: normal;
	  font-weight: 400;
	  src: url('../fonts/lato-v22-latin-regular.eot'); /* IE9 Compat Modes */
	  src: local(''),
		   url('../fonts/lato-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/lato-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/lato-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/lato-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/lato-v22-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
	}

	@font-face {
	  font-family: 'Hind Siliguri';
	  font-style: normal;
	  font-weight: 400;
	  src: url('../fonts/hind-siliguri-v11-latin-regular.eot'); /* IE9 Compat Modes */
	  src: local(''),
		   url('../fonts/hind-siliguri-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/hind-siliguri-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/hind-siliguri-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/hind-siliguri-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/hind-siliguri-v11-latin-regular.svg#HindSiliguri') format('svg'); /* Legacy iOS */
	}

/******************************************************* Main Elements ********/
	body, html { width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: white; font-family: 'Hind Siliguri'; font-size: 14px; }
	#footer { text-align: center; position: fixed; width: 100%; bottom: 0px; left: 0px; margin: 0 0 0 0; padding: 0 0 0 0; height: 25px; background: #F2F2F4;; }
		.input_error_notify { color: red; padding-top: 5px; }
		
	#content { position: absolute; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; }	
	#site_content { margin-left: 330px; margin-right: 80px; margin-top: 60px; margin-bottom: 80px; }
	
	a       { color: #AACF75; }
	a:hover { color: #95B566; }

	.formseperator { width: 720px; }
	.formheader { font-size: 30px; color: #555555; font-weight: bold; font-family: Lato; }
	
	.input_text_label { color: #909190; margin-top: 10px; }
	.input_text_label_form { color: #909190; margin-top: 10px;float: left;width: 100%; max-width: 320px; margin-right: 40px;margin-bottom: 40px; }
	
	input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 500px; padding: 10px; border-radius: 4px; border: 1px solid #B5B5B5;
		margin-left: 0;margin-right: 0;margin-top: 10px; }
	input[type=text], input[type=password] { width: 100%; max-width: 320px; }
	input[type=submit], input[type=button] { padding-left: 25px; padding-right: 25px; padding-top: 15px; cursor: pointer;
		padding-bottom: 15px; color: white; margin-bottom: 10px; }

	.lz_logout_button { border-radius: 5px; text-decoration: none; width: 100%; text-align: center; background: #909190; color: white; padding: 10px; padding-left: 45px; padding-right: 45px; }
	.lz_logout_button:hover { background: #555555; color: white; }





/******************************************************* Tasks ********/	
	#task_top_area { border-bottom: 2px solid #707070;  }	
	#task_top_description { float: left; width: 70%; margin-bottom: 15px; }	
	#task_header { margin-bottom: 40px; }
	#task_top_description_title { font-family: 'Lato'; font-weight: bold; }	
	#task_top_downloads { width: 28%; float: left; margin-bottom: 15px; font-family: 'Lato'; font-weight: bold; margin-left: 2%;  }	
	#task_top_downloads_box { background: #F2F2F4; border-radius: 5px; min-height: 100px; padding: 15px; font-family: 'Hind Siliguri'; font-weight: normal;margin-top: 18px;}	
	#task_bottom_area { width: 100%; margin-bottom: 50px;  }	
	
	#task_bottom_area_chat {
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;      
		width: 100%;
		max-height: 80vh;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		overflow-y: scroll;
		/*-ms-overflow-style: none;
		scrollbar-width: none;*/
		padding-bottom: 50px;
		margin-bottom: 50px;
		margin-top: 15px;
	}	
	
	#task_bottom_area_chat::-webkit-scrollbar { display: none; }
	#task_bottom_area_input { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin: 0 0 0 0; padding: 0 0 0 0; width: 100%; overflow: hidden; border: 2px solid grey; border-radius: 5px; }	
	.task_dl_link { color:	#AACF75; text-decoration: none;
	}
	#task_bottom_area_input textarea, #task_bottom_area_input textarea:active, #task_bottom_area_input textarea:focus {
		outline: none;
		padding-left: 50px;
		padding-right: 50px;
		resize: none;
		width: 100%;
		overflow: hidden;
		border: none;
	}	
	
	#lz_chat_upload_button { position: absolute; width: 25px; margin: 5px; margin-top: -10px; }
	#lz_chat_send_button   { position: absolute; right: 85px; width: 25px; margin: 5px; margin-top: -10px; }
	#lz_chat_upload_button:hover, #lz_chat_send_button:hover { filter: invert(1); }
	#upload_load_bar_p { min-height: 5px; }

	.lz_chat_message_current, .lz_chat_message_foreign, .lz_chat_message_system { padding: 10px; border-radius: 5px; margin-bottom: 10px; text-align: left; max-width: 400px; padding-right: 70px; }
	.lz_chat_message_current { background: #EFFDDE; float: right; color: #555555; }
	.lz_chat_message_foreign { background: #F2F2F4; float: left; color: #555555; }
	.lz_chat_message_system { background: #909190; color: white !important; }
	.lz_chat_message_date { float: right; margin-top: -15px; color: #818281; width: 50px; font-size: 10px; margin-right: -60px; }
	.lz_chat_message_inner_content_c {border-radius: 50px;background: #AACF75; padding: 15px; margin: 15px; width: 25px;height: 25px;}
.lz_chat_message_inner_content_c img { width: 25px; margin-top: -5px; }

		.tox-statusbar__branding {	display: none !important; }	
		
	.lz_chat_message_system .lz_chat_message_date {
		color: white;
		margin-top: -25px;
	}
		
		.task_new_message_label { border-radius: 5px; width: 10px; font-weight: bold; margin-right: 5px;padding-left: 5px; padding-right: 5px; }
		
/******************************************************* Form Data Elements ********/

	
	.lz_form_abort 		 { background: white; border: 2px solid #AACF75; cursor: pointer; color: #AACF75 !important; }
	.lz_form_abort:hover { background: white; border: 2px solid red; cursor: pointer; color: red !important; }
	
	.lz_table_mini_popupbutton { padding: 10px; border: 2px solid #909190; background: #909190; position: absolute; margin-left: 537px; width: 150px; }
	.lz_table_mini_popupbutton, #lz_genkey_button, #lz_genkey_button_hide, #lz_passrec_button, #lz_passchange_button  
		{ background: #909190; border: 2px solid #909190; border: none; color: white; z-index: 1000 !important; cursor: pointer; }
	.lz_table_mini_popupbutton:hover, #lz_genkey_button:hover, #lz_genkey_button_hide:hover, #lz_passrec_button:hover, #lz_passchange_button:hover  { background: #818281; }

	#admin_add_list_button, #dt_deletebuttonall {
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;      
		margin-top: 10px;
		width: 200px;
		max-width: 500px;
		padding: 10px;
		border-radius: 4px;
		border: 1px solid #B5B5B5;
		margin-left: 0;
		margin-right: 0;
		height: 50px;
		background: #AACF75;
		position: absolute;
		margin-left: 220px;
		z-index: 1000 !important;
		cursor: pointer;
		float: left;
	}
	
	
	#dt_deletebuttonall { background: #EC0C0C; color: white; margin-left: 440px; }
	.lz_form_button_submit, .lz_form_button_popup_submit { background: #AACF75; cursor: pointer; }
	
	@media (max-width: 1110px) {
		#admin_add_list_button, #dt_deletebuttonall { position: relative !important; margin-left: 0px !important; }		
		#dt_deletebuttonall { margin-left: 25px !important; }
	}
	
	#admin_add_list_button:hover, .lz_form_button_submit:hover { background: #95B566; }
	
	.table_decouple { border: 2px solid #EC0C0C; border-radius: 5px;
		padding: 2px; padding-left: 30px; padding-right: 10px; background: url(../img/decouple.svg);
		background-size: contain; background-repeat: no-repeat; color: red; cursor: pointer;margin: 5px; }
	.table_decouple:hover { filter: grayscale(1); color: black; }
	
	#lz_popup_subject_input, #lz_popup_teacher_input, #lz_popup_student_input { width: 100%; margin-right: 0px; max-width: 100%; }
	#lz_pop_up_subject_addb, #lz_pop_up_teacher_addb { margin: 10px 0 10px 0; }


/******************************************************* Sidebar Elements ********/
	#lz_sidebar { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;	
		background: #F2F2F4; width: 250px; position: fixed; top: 0px; left: 0px; margin: 0 0 0 0;
		min-height: 100vh; text-align: center; padding: 25px; font-size: 14px; z-index: 1800 !important;}
	#nav_logo { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width: 150px; margin-bottom: 40px;}
	#lz_sidebar_navi { text-align: left; width: 190px; }
	
	#lz_sidebar svg { padding: 7px; }
	#lz_sidebar svg path { fill: #909190; color: #909190; padding: 15px; }
	#lz_sidebar_bottom { width: 100%; position: absolute; bottom: 45px; left: 0px; text-align: left; margin-left:50px; margin-right: 50px; }
	.lz_sidebar_item:hover, #lz_sidebar_active { background: #E7E7E9; border-radius: 5px; color: black; }
	.lz_sidebar_item:hover svg path { color: #000000 !important;  fill: #000000 !important;}
	#lz_sidebar_active svg path { color: #000000 !important;  fill: #000000 !important;}
	.lz_sidebar_item img { line-height:30px;margin: 5px; height: 20px; width: 20px; fill: #909190; }
	.lz_sidebar_item img:hover { fill: #000000; }
	.lz_sidebar_item { margin-left: 20px; padding-left: 10px; display: flex; font-weight: 500;margin-bottom: 5px; }
	#lz_sidebar_navi a span  { line-height: 30px; }
	#lz_sidebar_navi a { text-decoration: none; font-size: 14px; color: #909190; }
	.svg_menue:hover { fill: #FFFFFF; !important; }	

/******************************************************* Tables Modifications and Titles ********/	
	#tables_title { font-size: 30pt; font-weight: bold !important; font-family: Lato !important; color: #555555; margin-bottom: 35px; }

	.lz_url_edit, .lz_url_recover { color: #AACF75; text-decoration: none; }
	.lz_url_edit:hover, .lz_url_recover:hover { color: #95B566; }
	
	.lz_url_delete       { color: #EC0C0C; text-decoration: none; }
	.lz_url_delete:hover { color: #000000; }

	.dataTables_length       { float: right !important; }
	.dataTables_filter input { width: 140px !important; height: 50px !important; }	
	.dataTables_filter       { width: 190px !important; float: left !important; height: 50px !important; margin-bottom: 30px; }	
	
	#select_table_teacher_wrapper, #select_table_subject_wrapper { max-width: 686px; width: 686px; margin-bottom: 25px; }
	
/******************************************************* General Pop Ups *********/
	.full-background-popup { text-align: left; position: fixed; width: 100vw; height: 100vh; top: 0px; left: 0px; margin: 0 0 0 0; padding: 0 0 0 0; background: rgba(0,0,0,0.8); z-index: 2000 !important; color: black; }	
	.innerpopup { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 600px; margin: 0 0 0 0; padding: 0 0 0 0; background: white; }
	
	.full-background-popup-inner-header { -webkit-box-sizing: border-box;-moz-box-sizing:border-box; box-sizing: border-box;
										  margin: 0 0 0 0;padding: 0 0 0 0;left: 0px;top: 0px; border-bottom: 1px solid #333333; width: 100%; 
										  font-family: Lato; font-size: 14px; padding: 23px; padding-top: 13px; padding-bottom: 13px; }
	.full-background-popup-inner-x { font-weight: bold; border: none; background: none !important; color: black !important; 
									 font-size: 16px; margin: 0 0 0 0 !important; padding: 0 0 0 0 !important;
									 position: absolute; right: 23px !important; top: 10px !important; z-index: 2500 !important;cursor: pointer; width: 50px !important; min-width: 20px !important;}	
									 
	.full-background-popup-inner-content { padding-left: 25px; padding-right: 25px; padding-top: 25px; padding-bottom: 25px; }
	
	.full-background-popup input[type=text], .full-background-popup input[type=password], .full-background-popup .input_text_label_form { max-width: 100% !important; width: 100% !important; }	
	.full-background-popup input[type=text] { padding: 10px; margin: 0px;  margin-bottom: 15px; }	
	
	.full-background-popup input[type=button], .full-background-popup input[type=submit] { background: #AACF75; color: white; border: none; padding: 15px; margin: 0 0 0 0; min-width: 100px;}
	.full-background-popup input[type=button]:hover, .full-background-popup input[type=submit]:hover { background: #95B566; }
	.full-background-popup section { margin-bottom: 15px; }
	.button_critical 	{ background: white !important; color: red !important; border: 2px solid red !important;}
	.button_critical:hover { background: red !important; color: white !important; }
/******************************************************* Uploader Related *********/	
	#website-upload-circle { text-align: center; width: 100px; float: left; }
	#website-upload-progress-inner { text-align: left; }
	.uploader_listitem { margin-left: 15px; border-radius: 5px;background: #F2F2F4; padding: 15px; margin-bottom: 10px; width: fit-content; block-size: fit-content; color: black;}
	.uploader_listitem img {  padding-left: 15px; cursor: pointer; color: black; }
	
/******************************************************* Login Elements ********/
	#login_image_box { position: absolute; right: 0px; top: 0px; margin:  0 0 0 0; padding: 0 0 0 0; width: 50vw; height: 100vh;
		background: url(../img/login_front.jpg); background-size: cover; background-position: cover; background-attachment: cover; }
	#login_box_center { position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); }
	#login_box { position: absolute; left: 0px; top: 0px; margin:  0 0 0 0; padding: 0 0 0 0; width: 50vw; height: 100vh; background: none; }
	.login_text_label { color: #909190; margin-top: 10px; }
	#login_box input { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-top: 10px;width: 25vw;max-width: 500px;padding: 10px;border-radius: 4px;
		border: 1px solid #B5B5B5;margin-left: 0;margin-right: 0;max-width: 320px; }
	#login_box input[type=submit] {background: #AACF75; margin-bottom: 10px; margin-top: 20px;}
	#login_box input[type=submit]:hover { background: #95B566; }
	#login_box a { color: #AACF75;text-decoration: none; }
	#login_box a:hover { color: #AACF75; text-decoration: underline;}
	#login_box img { width: 100%;max-width: 320px; }	
	#login_top_text { font-size: 18px; font-family: 'Lato'; font-weight: bold; color: #555555; width: 100%; text-align: center; margin-bottom: 35px; }

/******************************************************* Event Windows ********/
	.x_eventWindow { position: fixed; top: 15px; right: 15px; border-radius: 5px; background-opacity: 1.0; padding: 25px; z-index: 1000 !important;background: #44CCEBCC !important; color: white; opacity: 1.0;}
	#x_eventWindow_ok {background: #2DBF64CC !important; color: white;opacity: 1.0;}
	#x_eventWindow_warning {background: #E8910DCC !important; color: white;opacity: 1.0;}
	#x_eventWindow_error {background: #ED5650CC !important; color: white;opacity: 1.0;}
	.x_eventWindowButton {position: absolute; right: 0px; top:0px; background: none;color: white;font-weight: bold;border: none;cursor:pointer;}