/********************************************************************************/
/*                                                                              */
/* Plataforma e-ducativa.  Version 10.07.00-22 - Argentina                      */
/*                                                                              */
/* Copyright (c)  de e-ducativa Educaci�n Virtual S.A.                          */
/*                                                                              */
/********************************************************************************/
body		{font-family: "Roboto", Helvetica, Arial, sans-serif; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; }
a			{text-decoration:none; color:#5d5d5d;}
a:hover		{text-decoration:underline;}
strong		{font-weight:bold;}
.clearfix	{clear:both;}

/*Buscador*/

.buscador	{
    width:30%;
    max-width:200px;
    border-color: #6A6A6A #ECECEC #ECECEC #6A6A6A;
    border-style:solid;
    border-radius: 8px 8px 8px 8px;
    border-width: 1px;
    padding: 2px 6px 2px 22px !important;
    font-size: .8em;
    background: url("../img/comunes/icon_search.png") no-repeat scroll 2px center #FFFFFF;
}
.txt_found	{color:#000; font-weight:bold; background-color:#FF0;}
.list_head .buscador	{display:block; margin-top:6px; margin-bottom:12px; width:50%; }


/* MENSAJES DE SYSTEM //////////////*/

.sys_msg_warning	{ margin:10px; padding:10px 10px 12px; text-align:center; font-size: .82em; background-color:#FFEBBB;}


/************/
/** LOGIN **/
/**********/
.login_wrapper {
    margin: 150px auto;
    max-width: 500px;
}

.login_wrapper.escritorio   { max-width: 1000px; }
.escritorio .login_content  { background-color: #fff; }

.login_box { margin:70px auto 0; padding: 2px; background-color:#fff; line-height:1.2em; background-color: #6f7177; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); }
div.escritorio { margin-top: 0 }

.login_header				{ padding:15px 10px; color:#fff; background-color: rgba(255,255,255,.15); }
.login_header img			{ float:left; display:block; height:32px;}
.login_header .titulo		{ float:left; margin-left:10px; margin-right:20px; }
.login_header .plataforma	{ font-size:.8em; color:#E8E8E8; }

.login_content				{ padding: 30px 0 20px; }
.login_content p			{ text-align:center; font-size: .82em; }
.login_datos				{ margin-bottom:20px; padding: 0px 20px 20px; font-size: .82em; background-color: rgba(0,0,0,.15); }

.login_submit                   { display: flex; align-items: center; justify-content: space-between; padding: 15px; }
.login_submit .permanecer       { cursor: pointer; opacity: 0.8; transition-duration: .4s; color: #fff; }
.login_submit .permanecer:hover { opacity: 1; }
.login_submit .permanecer input { margin-top: 0; vertical-align: middle; height: 1.2rem; width: 1.2rem; cursor: pointer; }
.login_submit > input           {  }


#login_box .sys_msg_warning	{margin-bottom:10px;}

#link_volver { display: block; text-align: right; margin-top: 10px; }

/* olvidaste tus datos */

.recuperar_datos label  { text-align: center; font-size: .9rem; margin: 25px 10px 10px; }
.recuperar_datos .line  { display: flex; align-items: center; }
.recuperar_datos .line > select             { width: 40%; padding: 5px; box-sizing: border-box; }
.recuperar_datos .line > input              { width: 60%; }
.recuperar_datos .line > .captcha_box       { width: 40%; text-align: right; }
.recuperar_datos .line > .captcha_box img   { display: inline-block; vertical-align: middle; }
.recuperar_datos .sep_movil                 { display: none; }

.login_acciones         { padding: 0 15px 15px; text-align: center; }
.login_acciones a       { border-radius: 4px; display:inline-block; margin-bottom:5px; padding: 6px 15px 7px;  text-align:center; font-size: 1rem; color:#000; background-color: rgba(255,255,255,0.6); transition: background-color .3s; }
.login_acciones a:hover { text-decoration: none; background-color: #fff; transition: background-color .3s; }

.recuperar_datos .contactar_admin           { padding: 10px; text-align: center; font-size: .9rem; color: #fff; }
.recuperar_datos .contactar_admin a         { display: inline-block; border: 1px solid rgba(255,255,255,.4); padding: 5px; opacity: .8; color: #fff; transition-duration: .4s; }
.recuperar_datos .contactar_admin a:hover   { opacity: 1; text-decoration: none; border-color: rgba(255,255,255,1); }

.olvido_clave               { text-align: center; }
#link_olvido_clave          { display: inline-block; border: solid 1px rgba(255,255,255,.3); padding: 8px 12px;  font-size: 1em; color: rgba(255,255,255,.8); font-size: .9em; cursor: pointer; transition: all .4s; }
#link_olvido_clave:hover    { text-decoration: none; border-color: rgba(255,255,255,1); color: rgba(255,255,255,1);  }

.mensajeria_intro           { padding: 10px; text-align: center; font-size: .9rem; color: #fff; }
.mensajeria_para            { padding: 10px 0; color: #fff; font-size: .9rem; }

.login_content.sent_ok          { padding: 20px; background-color: rgba(255,255,255,0.8); }
.login_content.sent_ok a        { display: inline-block; margin-top: 20px; border-radius: 4px; border: none; padding: 6px 15px 7px; color: #000; text-align: center; font-size: 1rem; background-color: rgba(255,255,255,0.8); transition: background-color .3s; }
.login_content.sent_ok a:hover  { background-color: #fff; }


/*********************/
/** ACCESO CENTRAL **/
/*********************/

.accesos_box                { min-height:400px; border:solid 1px #999; line-height:1.2em; background-color:#fff;}
.tabs_frame                 { padding-left:10px; color:#7E7E7E; font-size: .82em; }
.tabs_frame span {
    display: inline-block;
    border: 1px solid #d6d8d9;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%) #ddd;
}
.tabs_frame .tab            { border-radius:7px 7px 0 0; border-bottom:none; padding:7px 10px 10px; cursor: pointer; }
.tabs_frame .tab.selected   { margin-bottom:-1px; border-bottom:solid 1px #fff; padding-top:10px; background:#fff; cursor: default;  color:#000;}
.tabs_frame .button {
    border:solid 1px;
    border-color: #eaeaea #d6d8d9 #ccc;
    border-radius: 7px;
    padding:3px 10px 4px;
    cursor: pointer;
}
.tabs_frame .button:hover,
.tabs_frame .tab:hover          { text-decoration: underline; }
.tabs_frame .tab.selected:hover { text-decoration: none; }
.lista_verdatos		            { font-size:.84em; color:#9d9d9d; position:absolute; bottom:5px; right:10px;}

/* Content Layout */

.lista_big_scroll	{height:300px; padding-right:5px; overflow:auto;}
.lista_small_scroll	{height:150px; padding-right:5px; overflow:auto;}


/* SECCIONES //////////////////////////////////////*/

.texto_secundario	{color:#9d9d9d;}

/*listas (se usa?)*/

.list_content		{ border:solid 1px #d6d8d9; padding:5px; }
.list_head			{margin:5px; font-weight:bold; color:#999;}
.TableView			{margin-bottom:5px; width:100%; font-size: .82em;}

.list_content li				 	{position:relative; padding:10px 5px 9px; border-bottom:solid 1px #f1f1f1;}
.list_content li.selectable		 	{padding:9px 5px 8px; border-bottom:solid 1px #f1f1f1; font-size:.9em; cursor:pointer;}
.list_content li.selectable:hover	{background-image:url(../img/white_90.png); background-color:#999;}
.list_content li.selectable.selected{min-height:32px; border-top:solid 1px #FFF; border-bottom:solid 1px #CCC; padding-top:8px;background-image:url(../img/white_90.png); background-color:#666;}


.lista_main a		{font-weight:bold; color:#000;}
.lista_desc			{font-size:.84em; color:#9d9d9d;}
.lista_link_derecho	{position:absolute; right:5px; bottom:5px; font-size:.84em;}


/*listas paginador (table)*/
.list_content td {position:relative; padding:10px 5px 9px; border-bottom:solid 1px #f1f1f1;}

/******************/
/** FORMULARIOS **/
/****************/
fieldset			{ margin-bottom:10px; padding-bottom:20px; }
label				{ display:block; margin:10px 0 2px; font-size:.9em; color: rgba(255,255,255,.6); }
label.required		{font-weight:bold;}

input[type="text"],
input[type="password"],
textarea			{ width:100%; padding: 4px 5px 5px; border:solid 1px #d6d6d6; font-family: "Roboto"; font-size:1rem; box-sizing: border-box; background-color: rgba(255,255,255,.7); transition-duration: .4s; }
textarea			{min-height:180px;}
input.error,
textarea.error		{border-color:#F74E35;}
.field_error		{margin:3px 0 0 4px; font-size:.9em; color:#F74E35;}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus  { outline: none; background-color: rgba(255,255,255,1); }


.form_submit		{ border-radius: 4px; border:none; padding: 6px 15px 7px; color:#000; text-align:center; font-size: 1rem; background-color: rgba(255,255,255,0.8); transition: background-color .3s;}
.form_submit:hover	{ cursor:pointer; background-color: #fff; transition: background-color .3s;}
.form_submit:focus  { outline: none; }

/************/
/** FOOTER **/

#footer { border-top:none; padding:0 15px 10px; text-align:center; background-color: #303030; }


/***********/
/** Tabs **/
/***********/
.tabs_frame { padding-left: 10px; color: #7e7e7e; }
.tabs_frame .tab {
    border: solid 1px;
    border-color: #eaeaea #d6d8d9 #ccc;
    border-radius: 5px;
    padding: 4px 10px 5px;
    cursor: pointer;
    display: inline-block;
    margin-right: 4px;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%) #ddd;
}
.tabs_frame .tab.selected {
    border: 1px solid #d6d8d9;
    border-bottom: 1px solid white;
    cursor: default;
    margin-bottom: -1px;
    padding-bottom: 10px;
    border-radius: 7px 7px 0 0;
}

/* Reescribe cambio_clave.css */

.CambiarClaveForm   { display: block !important; }
.cambio_clave_form_frame    { display: block !important; }
.CambiarClaveForm .CambiarClaveForm-Buttons { text-align: center !important; }
.ConservarClave { display: block !important; border-left: none !important; border-top: 1px solid #d2d2d2; padding-left: 0 !important; text-align: center; }


@media only screen and (max-width : 500px) {
    .recuperar_datos .line                  { flex-wrap: wrap; }
    .recuperar_datos .sep_movil             { display: block; width: 100%; color: #fff; text-align: center; }
    .recuperar_datos .line > select         { width: 100%; }
    .recuperar_datos .line > input          { width: 100%; }
    .recuperar_datos .line > .captcha_box   { width: 100%; text-align: center; }
}






/********************************************
*
*
* PERSONALIZACIÓN 14/08/2018 
*
*
*
*********************************************/






html{
    height: 100vh;
    background: url('../img/bg-login.jpg') center center no-repeat;
    background-size: cover;
}

body {
    background-color: transparent; 
}

.login_wrapper {
    max-width: 900px;
    margin: 49px auto;
}

#plogin .login_wrapper  .login_box {
    background-color: rgba(59, 59, 59, 0.55);
    box-shadow: none;
    margin-top: 0;
}

.login_header {
    padding: 10px;
    margin-top: 20px;
    background-color: transparent;
}

.login_header img {
    height: auto;
}

.login_header .titulo{
    display: none;
}

.login_content {
    padding: 0;
}

.login_datos {
    width: 60%;
    display: inline-block;
    background-color: transparent;
    margin-bottom: 0;
    padding-bottom: 0;
    box-sizing: border-box;
}

.login_submit {
    display: inline-flex;
    width: 39%;
    box-sizing: border-box;
}


label {
    width: 49%;
    display: inline-block;
}

.form_submit {
    color: #fff;
    width: 200px;
    background-color: #00765a;
}

.form_submit:hover {
    cursor: pointer;
    background-color: #52A493;
}

.olvido_clave {
    text-align: left;
}

#link_olvido_clave {
    display: inline-block;
    border: none;
    padding: 0 17px 3px;
    color: #FFF;
}

#link_olvido_clave:hover, #link_olvido_clave:focus {
    border: none;
}

@media screen and (max-width:767px){ 
    .login_wrapper {
        max-width: 80%;
    }
    .login_datos {
        width: 100%;
    }
    .login_submit {
        width: 100%;
    }
}