html, body {
			  height: 100% !important;
			  overflow: hidden; 
			}

			.full-height {
			  height: 100vh !important;
			  background-color:#121212;
			}
			.cl80{
				width:80%;
			}
			.frmlogin{
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 30px
			}
			:root{
				--body:#c1c1c1;
				--separator:#474747;
				--separator-light:#2e2e2e;
				--foreground:#1d1d1d;
				--input-height:2.5rem;
				--border-radius-md:10px;
				--background-light: #292929;
				
			}
			.filled input:-webkit-autofill, .filled input:-webkit-autofill:focus, .filled input:-webkit-autofill:hover, .filled select:-webkit-autofill, .filled select:-webkit-autofill:focus, .filled select:-webkit-autofill:hover, .filled textarea:-webkit-autofill, .filled textarea:-webkit-autofill:focus, .filled textarea:-webkit-autofill:hover {
				-webkit-text-fill-color: var(--body);
				border-color: var(--separator)!important;
				box-shadow: 0 0 0 1000px var(--separator-light) inset!important;
				-webkit-box-shadow: 0 0 0 1000px var(--foreground) inset!important;
				background-color: initial!important;
				background-clip: content-box!important;
				
			}
			.filled {
				position: relative;
			}
			.filled .form-control {
				min-height: 44px;
				border: 1px solid transparent;
				background: var(--background-light);
				padding-left: 45px;
			}
			input:-webkit-autofill, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:hover {
				-webkit-text-fill-color: var(--body);
				border-color: var(--separator)!important;
				box-shadow: 0 0 0 1000px var(--foreground) inset!important;
				-webkit-box-shadow: 0 0 0 1000px var(--foreground) inset!important;
				background-color: initial!important;
				background-clip: content-box!important;
			}
			.custom-select, .form-control, .form-select {
				font-size: 1em;
				height: auto;
				min-height: var(--input-height);
				color: var(--body);
				box-shadow: initial!important;
				background-color: var(--foreground);
				border-color: var(--separator);
				border-radius: var(--border-radius-md);
				filter: none;
				transition: border-color .15s ease-in-out;
			}
			.lblcl{
				top: -5px; 
				position: relative;
				margin-left: 5px;
				color:white;
			}
			.panel-bd>.panel-heading {
				color: #374767;
				background-color: #a770ff;
				border-color: #e4e5e7;
				position: relative;
			}
			h4{
				color:white;
			}
			.mpad{
				padding: 0px !important;
			}
			.panel-bd, .panel-danger, .panel-info, .panel-inverse, .panel-primary, .panel-success, .panel-warning {
					border: 0px solid #e1e6ef !important;
			}
			.logimg_login {
				width:100%;
				margin-top:15px;
			}
			.shadow_login{
				-webkit-box-shadow: -8px 6px 42px 2px rgba(0,0,0,0.9); 
				box-shadow: -8px 6px 42px 2px rgba(0,0,0,0.9);
			}
			.video{
				 width: 120% !important;
				z-index: -1;
				margin-left: -120px;
			}