// Forgot Password Use Only

.reset-outer{
	padding: 20px;
	margin: 0 40px 40px;
	background-color: $white;
		.reg-heading {
			padding: 0 0 15px;
			text-transform: none;
			color: #acacac;
			font-size: 24px;
				a {
					color: #aaaaaa;
					font-size: 18px;
				}
		}
		.reset-main{
			width: 100%;
				ul{
					li{
						width: 48%;
						list-style: none;
						font-size: 12px;
						margin: 0 0 20px;
						float: left;
							span{
								color: #ff0000;
							}
							input[type="text"], input[type="password"]{
								font-size: 11px;
								color: $black;
								padding: 6px 9px;
								width: 100%;
								font-size: 11px;
								color: #666666;
								font-style: italic;
								margin: 5px 0;
								border: 1px solid #1c81c7;
							}
							&:nth-of-type(2){
								float: right;
							}
							@media (max-width: 640px){
								width: 100%;
							}
					}
				}
		}
		.btn-set{
			margin:10px 0;
				.btn{
					font-size: 14px;
					color: #FFFFFF;
					border: none;
					width: 215px;
					text-transform: uppercase;
					height: 42px;
					cursor: pointer;
					position:relative;
					border-radius: 0;
					text-align: center;
						@media (max-width: 640px){
							width: 100%;
						}
						&.blue-btn{
							background: $main-blue;
							transition:0.3s ease 0s;
							-moz-transition:0.3s ease 0s;
							-webkit-transition:0.3s ease 0s;
								&:hover{
									background: #1b78b9;
								}
						}
						&.gray-btn{
							background: #aaaaaa;
							transition:0.3s ease 0s;
							-moz-transition:0.3s ease 0s;
							-webkit-transition:0.3s ease 0s;
								&:hover{
								background: #949393;
								}
						}
						&.btn-margin{
							margin: 0 15px;
						}
				}
		}
		.msgs{
			color: $black;
			font-size: 12px;
			margin: 10px 0 20px;
			padding: 5px 25px 7px 12px;
			line-height: 19px;
			position: relative;
			border-radius: 4px;
			width: 97.5%;
				&.full{
					width: 100%;
				}
				&.danger{
					background-color: #f2dede;
					border: 1px solid #ee9d9d;
				}
				&.success{
					background-color: #dff0d8;
					border: 1px solid #cde7bc;
				}
				.msg-cross {
					position: absolute;
					right: 10px;
					top: 5px;
					color: #999;
					font-size: 15px;
					cursor: pointer;
						&:hover{
							color: $black;
						}
				}
		}
		@media (max-width: 1023px){
			width: 92%;
		}
		@media (max-width: 990px){
			margin: 0 auto 40px;
			width: 98%;
		}
		@media (max-width: 640px){
			width: 95%;
		}
}