/*______________________________________________________________________________________________________________________________________________________________
|
|
|
|
|       FORMULARIO  LOGIN  /  REGISTRO  CLIENTES
|
|
|
|_____________________________________________________________________________________________________________________________________________________________*/

.content {
 /* padding: 0; */ 
}
.content-wrapper {
    padding-bottom:  0px;
}

@media screen and (max-width: 768px)
{
	.page-container {
			background: none;
	}
}


/*______________________________________________________________________________________________________________
|
|
|       FORMULARIO  LOGIN
|
|_____________________________________________________________________________________________________________*/

.login-cover {    
	background-attachment:fixed; 
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
@media screen and (max-width: 768px)
{
	.login-cover {
			background-size: auto; 
	}
}

.login-container .login-form,
.login-container .registration-form {
	margin: 0 auto 20px auto;
	background: rgba(0, 0, 0, 0.50);
}
.login-container .login-form  h2,
.login-container .registration-form h2  {  
  color: #38b4bb ;
}


.panel {
	background-color: transparent;
	overflow: hidden;
	border-radius: 0;
	border: none;
}

#box_1  { 
	position: absolute;
	top: -5%;
	left: -5%;
	width: 110%;
	height: 110%;  
	background-attachment:fixed; 
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover; 

  -webkit-filter: blur(5px);   
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
@media screen and (max-width: 768px)
{
	#box_1  {
		background-size: auto;
	}
}

#box_2  {
	position: absolute;
	top: 0;
	left: 0; 
	width: 100%;
	height: 100%;
	opacity: 0.7;
	filter: alpha(opacity=70);
/*	background-size: cover;  */
}
 



form .txt_light {
	color: #389ca2 !important;
	border-color: #389ca2 !important;
}
form .txt_dark {
	color: #3c4e50 !important;
	border-color: #3c4e50 !important;
}


form  button[type=submit] { 
	font-size: 15px;
	color: #fff;
} 
form  button[type=submit].btn_light {
	background-color: #389ca2 !important;
	border-color: #49b4bb !important; 
} 
form  button[type=submit].btn_light:hover,
form  button[type=submit].btn_light:focus {
	color: #3c4e50;
}

form  button[type=submit].btn_dark {
	background-color: #3c4e50 !important;
	border-color: #29393b !important; 
}
form  button[type=submit].btn_dark:hover,
form  button[type=submit].btn_dark:focus {
	color: #49b4bb;
}


form  .login-options {
	font-size: 14px;
}    





/*
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border-bottom: 1px solid #fff;
}
*/


@media (min-width: 769px)
{
    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}




form .has-feedback.input_light .form-control {
    background: #f5f5f58a;
    color: #3c4e50 !important;
    border: 1px solid #3c4e50ba;
}
form .has-feedback.input_dark i {
    color: #3c4e50 !important;
}
  

form .has-feedback.input_dark .form-control {
    background: #0000005e;
    color: #38b4bb !important;
    border: 1px solid #389ca291;
} 
form .has-feedback.input_dark i {
    color: #389ca2 !important;
} 

 
.has-feedback .form-control {
    /* background: rgba(245, 245, 245, 0.411); */
}
.input-group-addon:first-child {
    background: #F5F5F5;
}
.select2-selection--single:not([class*=bg-]) {
    background-color: #F5F5F5;
}