body { font-size: 15px;  color: #2A2A2A;  margin: 0;  padding: 0;  font-family: verdana; background:url(/images/Bg-2.webp) no-repeat; background-size:cover; 
	display:flex; justify-content:center; align-items:center; height:100vh; }

* { margin: 0; padding: 0;}

a { color: #2A2A2A;}

a:focus { text-decoration: none !important;}


/*----------------Login--------------*/

.loginwrap { background: #fff; border-radius: 20px; box-shadow: 0px 0px 20px #d6d6d6;  width:450px; min-height: 360px;  box-sizing: border-box; text-align:center; margin:0 15px; }

.loginhead {border-radius: 20px 20px 0px 0px; background: #F3F3F3; padding: 20px 0; margin-bottom: 0px;}

.log-content { padding:25px; min-height: 360px; position: relative;}

.log-content h1 {font-size: 25px; font-weight: bold; color: #3757A6;}

.log-content p { padding:0px 0 0 0; }

.blue {color: #3757A6; }

.text-box { position: absolute; margin: 0px;  padding: 0px;  width: 100%; height: 100%;  overflow: hidden; left: 50%; top: 50%; transform: translate(-50% , -50%);}

.box  { position: absolute; width: 90%; background-color: white;  left: 50%; top: 30px; margin-left: -45%;}

#box2 { left: 150%;}

.errorbox { height:80px;}

.errorbox .red {color: #ff0000;}

.m-left { margin-top: 25px;}

.placeholder_text label { padding:8px 10px; pointer-events: none; position:absolute; left:50%; transform: translateX(-50%); top:2px; transition: 0.1s; line-height: 28px;
	   opacity:0.5;  background: transparent; text-align: center; width:72%;
	text-overflow: ellipsis; overflow: hidden; /*white-space: nowrap;*/  display: -webkit-box;    -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.placeholder_text input { padding: 22px 5px 8px 10px; box-sizing: border-box; border: 1px solid #E1E1E1; border-radius: 10px; width: 100%; outline: transparent; line-height:1; 
	 box-shadow: 0px 0px 3px #d6d6d6; max-width: 350px; text-align:center;}

.placeholder_text input:focus + label, .placeholder_text input:not(:placeholder-shown) + label { opacity:1; transform: scale(0.85) translateY(-50%) translateX(-50%); 
	font-weight: normal; font-style: normal; padding:0px 10px; left: 45%; top: 13px; color:#AEAEAE; width:72%;}

.placeholder_text input:autofill:focus + label, .placeholder_text input:not(:placeholder-shown) + label { opacity:1; transform: scale(0.85) translateY(-50%) translateX(-50%); 
	font-weight: normal; font-style: normal; padding:0px 10px; left: 45%; top: 13px; color:#AEAEAE; width:72%;}

.placeholder_text input:focus { border: 1px solid #1486d8;}

.placeholder_text textarea { padding: 5px 5px 5px 5px; box-sizing: border-box; border: 1px solid #E1E1E1; border-radius: 4px; width: 100%; outline: transparent; line-height: 30px; }

.placeholder_text textarea:focus + label, .placeholder_text textarea:not(:placeholder-shown) + label {  opacity:1; transform: scale(0.85) translateY(-50%) translateX(-50%); 
	font-weight: normal; font-style: normal; padding:7px 10px;}

.placeholder_text textarea:focus { border: 1px solid #1486d8;}

.placeholder_text select { width: 100%; border: 1px solid #E1E1E1; font-size: 14px !important; border-radius: 4px; padding:9px 5px; outline: transparent;}

.btn-view { display: inline;}

.btn-view a { background-color: #3757A6; border:1px solid #3757A6; border-radius: 10px; color: #fff; text-align: center; text-decoration: none; font-size: 18px; padding: 10px 30px;    
  cursor: pointer; font-weight: 500; margin-right: 10px; margin-top: 7px; width: 100%; }

.btn-view a:hover { background-color: #D1D2D4; border:1px solid #D1D2D4; color:#656565; text-decoration: none;}

.link-color { color: #AEAEAE !important;}

.link { color: #AEAEAE; margin-left: 5px; margin-right: 5px}

.link:hover { color: #3757A6;}

.back-link { color: #AEAEAE;  width: 25px; height: 26px; border-radius: 50%; display: inline-block; padding: 0}

.back-link i { font-size: 12px}

.back-link:hover { background: #d8d8d8;}

.form-check-label { margin-bottom: 0; color: #5b5b5b;}