@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/css?family=Poppins);


body {
    position: relative; 
    background-repeat: no-repeat;
    height:100vh;
    width: 100%;
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;   
    font-family:Nunito Sans,sans-serif;
}

body::before {    
      content: "";
      background-image: url(https://clientes.oikos.com.co/zonaclientesoikos/images/fondo_ppal.jpg);
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.5;
}

*
{
	box-sizing:border-box;
}


.login_container
{
	position:absolute;
	left:50%;
	top:50%;
	padding:20px;
	background:#fff;
	border-radius:50px;
	transform:translate(-50%,-50%);
	-webkit-box-shadow: 0px 0px 23px -15px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 23px -15px rgba(0,0,0,1);
box-shadow: 0px 0px 23px -15px rgba(0,0,0,1);
}

@keyframes social_animation {
    from {
        transform: rotate(0deg);
        border: 1px dashed #333;
        color: #333;
    }

    to {
        transform: rotate(360deg);
        border: 1px dashed #333;
        color: #333;
    }
}



.logo_container
{
    text-align:center;
}

.logo_container img
{
	text-align:center;
    width: 100%;
}

.form_container
{
   margin-top: 10px;
}

.classspan
{
	width:100%;
	display:block;
	font-weight:300;
	margin-top: 15px;
	font-family: "Open Sans",sans-serif;
}

.txtbox
{
	width:100%;
	margin-top:5px;
	height:40px;
	padding-left:10px;
	border:1px solid #d9d9d9;
	font-weight:300;
  font-family: "Open Sans",sans-serif;
}

.txtbox:focus
{
	outline:0px;
}

.mybt
{
	width:120px;
	height:40px;
	border:none;
	color:#fff;
	border-radius:20px;
	background:#273979!important;
	cursor:pointer;
	margin-top:20px;
    font-family:Nunito Sans,sans-serif;
}

.mybtclose{
	width:120px;
	height:40px;
	border:none;
	color:#fff;
	border-radius:20px;
	background:#273979!important;
	cursor:pointer;
	margin-top:20px;
    font-family:Nunito Sans,sans-serif;
}


.forget
{
	text-align:right;
    font-family:Nunito Sans,sans-serif;
  margin-left: 11px;
}

.forget a
{
	/*text-decoration:none;*/
	color:#4a94d4;
}

#forget
{
   display:none;
}



@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and  only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	
	.login_container
{
	position:absolute;
	width:90%;
	left:50%;
	top:50%;
	padding:20px;
	background:#fff;
	border-radius:50px;
	transform:translate(-50%,-50%);
	-webkit-box-shadow: 0px 0px 23px -15px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 23px -15px rgba(0,0,0,1);
box-shadow: 0px 0px 23px -15px rgba(0,0,0,1);
}
	
}