body,
		html {
			margin: 0;
			padding: 0;
			height: 100%;
			background: #EEF2F9  !important;/* fondo */
		}
		.user_card {
			height: 600px;
			width: 600px;
			margin-top: auto;
			margin-bottom: auto;
			background: #fff ;  /* Fondo card */
			position: relative;
			display: flex;
			justify-content: center;
			flex-direction: column;
			padding: 10px;
			box-shadow: 0 4px 8px 0 rgba(46, 87, 217, 0.45), 0 6px 20px 0 rgba(46, 87, 217, 0.45);
			-webkit-box-shadow: 0 4px 8px 0  rgba(46, 87, 217, 0.45), 0 6px 20px 0 rgba(46, 87, 217, 0.45);
			-moz-box-shadow: 0 4px 8px 0 rgba(46, 87, 217, 0.45), 0 6px 20px 0 rgba(46, 87, 217, 0.45);
			border-radius: 50px ;
			border: 5px solid #33CCCC;
		}
		.brand_logo_container {
			position: absolute;
			height: 120px;
			width: 120px;
			top: -55px;
			border-radius: 50%;
			background: #4891DB ; /* fondo circulo img */
			padding: 10px;
			text-align: center;
		}
		.brand_logo {
			height: 250px;
			width: 250px;
			
			border: 2px solid white;
		}
		
		.form_container {
			/*margin-top: 100px;*/
		}
		.login_btn{
			  display: inline-block;
			  font-weight: 400;
			  text-align: center;
			  white-space: nowrap;
			  vertical-align: middle;
			  -webkit-user-select: none;
			  -moz-user-select: none;
			  -ms-user-select: none;
			  user-select: none;
			  padding: 16px 48px;
			  font-size: 18px;
			  border-radius: 50px;
			  color: #fff;
			  cursor: pointer;
			  z-index: 5;
			  transition: all .4s ease-in-out;
			  border: none;
			  /*background: linear-gradient(to left, #3763eb 0%, #6f58e8 50.39%, #3763eb 100%);*/  /* COLOR BOTON */
			  background: linear-gradient(to left, #5B5CE9 0%, #4891DB 50.39%, #33CCCC 100%);
			  background-size: 200% auto;
			  overflow: hidden; }
		.login_btn:focus {
			    background-position: right center;
			    color: #fff;
			    -webkit-box-shadow: 0px 0px 30px rgba(46, 87, 217, 0.45);
			    -moz-box-shadow: 0px 0px 30px rgba(46, 87, 217, 0.45);
			    box-shadow: 0px 0px 30px rgba(46, 87, 217, 0.45); }
		.login_container {
			padding: 0 2rem;
		}
		.input-group-text {
			background: linear-gradient(to left, #5B5CE9 0%, #33CCCC 100%); !important; /* color de fondo de iconos */
			color: white !important;
			border: 0 !important;
			border-radius: 0.25rem 0 0 0.25rem !important;
		}
		.input_user,
		.input_pass {
			padding: 18px 25px;
		    border-radius: 40px;
		    border: 1px solid #F4EEFB;
		    margin-bottom: 10px;
		    width: 100%;
		}

		.input_user,
		.input_pass:focus {
        border-color: #3763EB;
         }


		.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
			background-color: #c0392b !important;
		}