body {
		margin: 0px;
		padding:0px;
		font-family: 'Roboto', sans-serif;
		background-color:#FBFBFB;;/* rgb(241, 241, 241)*/
	}
	
	.content-main-dimension{
		width: 100%;
		height: 100%;
	}

	.content-main{
		/*position: absolute;
		top: 0;
		left: 0;*/
	}
	
	.sub-content {
		width: 40%;
		background-color:#FFFFFF;
		text-align: center;
		border-left: 1px solid #DDD;
		border-right: 1px solid #DDD;
		position: absolute;
		left:50%;
		margin-left: -20%;
		height: 100%;
	}

	.center {
		text-align: center !important;
	}
	
	.spacing{
		margin-top: 20px;/*calc(0vh);*/
	}
	.spacing-2{
		height: calc(5vh);
		margin-top: calc(3vh);
	}
	.spacing-3{
		margin-top: calc(18vh);
	}
	.spacing-1{
		margin-top: 0px;
	}
	.form-section{
		padding-right: 50px;
		padding-left: 50px;
		padding-bottom: 0px;
		padding-top: 80px;
	}
	.bottom{
		padding-bottom: 30px;
	}

	.form-group{
		width: 100%;
		text-align:left;
	}
	.form-group-sub{
		width: 100%;
		text-align:right;
	}
	.form-group-sub a {
		color: #AEB6BF;
		font-size: 12px;
		text-decoration: none;
	}
	.form-group-sub a:hover{
		color:rgb(24, 114, 184);
	}
	.form-group label {
		font-size: 12px;
		display: block;
		margin-bottom:8px;
		color: #F2F2F2;
		letter-spacing: 2px;
		width: 100%
	}
	.form-group input{
		width: 88%;
		height: 39px;
		padding-left:40px;
		border: 1px solid #F2F2F2;
		outline: none;
		font-size: 15px;
		color: #000000;
	}
	.form-group input:focus{
		 /*border-bottom: 1px solid #F5B041;*/
	}
	.passoword{
		background: url('../images/icons/icon-key-sesion.svg') no-repeat scroll 9px 13px;
		background-size: 13px 13px;
		
	}
	.user{
		background: url('../images/icons/icon-user-sesion.svg') no-repeat scroll 9px 13px;
		background-size: 13px 13px;
		
	}
	.form-group input:focus ~ .icon-input {
		border-top:1px solid #848484;
	   border-bottom:1px solid #848484;
	   border-left:1px solid #848484;
	}
	
	
	.icon-input-gral{
		background-repeat: no-repeat;
		background-position: center, center;
	}
	
	.input-error{
		 border: 1px solid red !important;
	}
	.msg-error{
		color:red !important;
		font-weight: 500 !important;
		font-size: 10px !important;
		text-align:left;
		padding-top:2px;
	}

	.icon-input{  
	   float:left;
	   border-top-left-radius:3px;
	   border-bottom-left-radius:3px;
	   border-top:1px solid #F2F2F2;
	   border-bottom:1px solid #F2F2F2;
	   border-left:1px solid #F2F2F2;
	   border-right:none;
	   height:37px;
	   width:15%;
	}
	
	
	 .form-group a {
		width: 99%;
		background-color: rgb(24, 114, 184);
		border-radius: 3px;
		border:none;
		color:#F2F2F2;
		text-decoration: none;
		font-size: 14px;
		cursor: pointer;
		outline: none;
		display: inline-block;
		text-align: center;
		padding: 13px 0px;
		/*letter-spacing: 2px;*/
		font-weight: 500;
	}
	
	.form-group a:hover{
		color: #fff;
	}
	.signup-title p label{
		font-size: 14px;
		color:#F2F2F2;
		letter-spacing: 2px;
		padding: 0px 13px;
	}
	
	.uppercase {
		text-transform: uppercase;
	}
	
	.signup-title p{
		display: table; white-space: nowrap;
	}
	.signup-title p::before,.signup-title p::after{ 
		border-top: 1px solid #F2F2F2; content: ''; display: table-cell; position: relative; top: 0.7em; width: 50%;
	}
	
	@media only screen and (max-width:1150px){
	
		.sub-content {  
			width: : 50%;
            margin-left: -25%;
		}
	
	
	}
	@media only screen and (max-width:1000px){
	
		.sub-content {  
			width: : 50%;
			 margin-left: -25%;
		}	
	
	}
	
	
	@media only screen and (max-width:900px){
	
		.sub-content { 
			width: : 70% !important;
		    margin-left: -20%;
		}
	
	}
	
	
	@media only screen and (max-width:700px){
	
		.sub-content { 
			width: 100%;
			 margin-left: -50%; 
		}
		.form-group-sub{
			text-align:center;
		}
	
	}

	@media only screen and (max-width:600px){
	
		.sub-content { 
			width: : 100%;
		    margin-left: -50%;
		}
		.form-section{
			padding-top: 30px;
			padding-right: 30px;
			padding-left: 30px;
		}
	
	}