body{
    color: #888888;
    font-family: 'Exo',serif;
    font-size: 16px;
    /*min-height: 2000px;*/
}

.login_modal_footer{margin-top:5px;}
.login_modal_header .modal-title {text-align: center;font-family:'Exo',sans-serif; }
.form-group{position: relative;}
.form-group .login-field-icon {
    font-size: 18px;
    position: absolute;
    right: 15px;
    top: 3px;
    transition: all 0.25s ease 0s;
    padding-top: 4%;
    color: #CECECE;
}
.login-modal{
    width:100%;
    padding-bottom:20px;
}
/*.login_modal_header, .login_modal_footer {background:url("/imagenes/personalizadas/bg.png") top left repeat-x;color:#fff;}*/
.modal-register-btn{margin: 4% 33% 2% 33% ;width:100%;}
.login-modal input{height:55px; box-shadow: none; border:1px solid #ddd;}
.modal-body-left{float:left; width:50%; padding-right:4%; border-right:1px solid #DCDCDC;}
.modal-body-right{float:right; width:50%;}
.login-link{padding:0 18%;}
#modalLoginTop .login-link, {padding:0;}
.modal-social-icons{padding:0 10%;}
.facebook, .twitter, .google, .linkedin {width:100%;height:40px; margin-top:2%;}
.modal-icons{margin-left: -10px; margin-right: 20px;}
.google, .google:hover{background-color:#e15033;border:2px solid #e15033;color:#fff;}
.twitter, .twitter:hover{ background-color: #009DDF; border:2px solid #009DDF;color: #fff;}
.facebook, .facebook:hover{background-color: #325d9b; border:2px solid #325d9b;color:#fff;}
.linkedin, .linkedin:hover{background-color: #007eb8; border: 2px solid #007eb8; color:#fff;}
.registrate, .registrate:hover{background-color: #7cb334; border: 2px solid #7cb334; color:#fff;}
.green{background-color:#4cb701!important;}
.accede, .accede:not(.green):hover{background-color: #3c3c3c; border: 1px solid #3c3c3c; color:#fff;}
#social-icons-conatainer{position: relative;}
#center-line{position: absolute;  right: 265.7px;top: 80px;background:#ddd;  border: 4px solid #DDDDDD;border-radius: 20px;}
.modal-login-btn{width:100%;height:40px; margin-bottom:10px;font-family: 'pt_sansbold' !important; text-align: center}
#modal-launcher{margin: 30% 0 0 30%; }

.login-modal input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select {
    height:45px; 
    box-shadow: none; 
    border:1px solid #ddd;
    font-family: "rubikregular";
    font-size: 18px;
}

.btn-success {
    background-color: #7cb334;
    border-color: #7cb334;
    color: #fff;
    font-family: "rubikregular" !important;
    font-size: 20px;
    font-weight: 400;
}
.modal-header {
    border-bottom: 1px solid #ffffff;

}
a:link, a:visited, a:hover, a:active {
  /*color: #fff;*/
  font-weight: normal;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
	#modalLoginTop .login-link{padding:0 18%;}
}