div{
	display: block; overflow: hidden;
}


#divTop, #divMainCentral, #divCreditos{
  max-width: 1200px;
}

#divTop {
	display: block;
	margin: 0 auto 10px auto;
	width:70%;
	min-width: 1030px;
	/* height: 280px; */
}

#divTopLeft {
	display: block;
	width:60%;
	float:left;
}

#divTitulo{
	display: block;
/*	font-weight: bold;  */
/*	font-size: 300%;    */
}

#divTopRight {
/*	display: block;
	width:30%;
	float:right;
	border: 3px solid #b0b0b0;
	border-top: 0px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 35px;
	padding:8px 10px 5px 30px;
	opacity: 0.6;*/
	display: block;
	width:35%;
	float:right;
	padding:8px 0px 5px 30px;
	opacity: 0.6;
}


#divMainCentral {
	display: block;
	margin: auto;
	width:70%;
	min-width: 1000px;
	min-height: 500px;
/*    border: 3px solid #b0b0b0;  */
/*    border-radius: 35px 10px;   */ 
/*    padding: 30px;              */
}


/********************************************************/
/***             ESTILO DE LAS PESTANYAS              ***/
/***                                                  ***/
#tabs {
	min-height: 480px;
	display: block;
	margin: auto;
	width:95%;
/*	min-width: 950px;  */
/*	min-height: 500px; */
	border: 3px solid #b0b0b0;
	border-radius: 35px 10px;
	padding: 10px 15px 15px 15px;
}

.ui-tabs-nav {
	border-width: 0px 0px 2px 0px;
	border-radius: 0px;
	border-color: #b0b0b0;
}

.liMainTab:first-child {
    border-radius: 15px 0px 0px 0px;
}
/***                                                  ***/
/***             ESTILO DE LAS PESTANYAS              ***/
/********************************************************/

#divCreditos {
	display: block;
	margin: auto;
	width:70%;
	min-width: 1000px;
	border: 0px;
  padding-right: 70px;
}


#liCreateUser{
    float: right;
    font-weight: bold;
    background: #DEDFFF;
    font-size: 80%;
    transform: translate(0px, 8px);
}

#liForgotUser{
    float: right;
    font-weight: bold;
    background: #DEDFFF;
    font-size: 80%;
    transform: translate(0px, 8px);
}

#liShowUser{
    float: right;
    font-weight: bold;
    background: #DEDFFF;
    font-size: 80%;
    transform: translate(0px, 8px);
}

.clicable:hover {
	cursor:pointer;
  opacity: 0.5;
  filter: alpha(opacity=100);
  zoom: 1;
}

li.ui-state-default.ui-state-hidden[role=tab]:not(.ui-tabs-active) {
    display: none;
}

.txtConIcono{
    background-repeat: no-repeat;
    background-position: left; 
	background-size: 15px 15px;
	width:30%;
	height: 13px;
	border:2px solid #aaa;
	border-radius:4px;
	margin:4px 0;
	outline:none;
	padding: 3px 3px 3px 20px;
	transition:.3s;
	opacity: 0.6;
	font-size: 65%;
}

.txtConIcono:focus{
	border-color:#3d83bd;
	box-shadow:0 0 8px 0 #3d83bd;
	opacity: 1;
}


/********************************************************/
/***          ESTILOS DE INPUT FORMULARIO             ***/
/***                                                  ***/
.inputEstilo1 {
    position: relative;
    padding: 15px 0 0;
    margin: 10px;
    width: 100%;
}

.inputEstilo1_field {
    font-family: inherit;
    width: 100%;
    border: 0;
    border-bottom: 2px solid #9b9b9b;
    outline: 0;
    font-size: 1.3rem;
    color: #000;
    padding: 7px 0;
    background: transparent;
    transition: border-color 0.2s;
}

.inputEstilo1_field::placeholder {
    color: transparent;
}

.inputEstilo1_field:placeholder-shown ~ .inputEstilo1_label {
    font-size: 1.3rem;
    cursor: text;
    top: 20px;
}

.inputEstilo1_label {
    position: absolute;
    top: 0;
    display: block;
    transition: 0.2s;
    font-size: 1rem;
    color: #9b9b9b;
}

.inputEstilo1_field:focus {
    padding-bottom: 6px;
    font-weight: 700;
    border-width: 3px;
    border-image: linear-gradient(to right, #3d83bd, #DEDFFF);
    border-image-slice: 1;
}

.inputEstilo1_field:focus ~ .inputEstilo1_label {
    position: absolute;
    top: 0;
    display: block;
    transition: 0.2s;
    font-size: 1rem;
    color: #3d83bd;
    font-weight: 700;
}

.inputEstilo1_field:required, .inputEstilo1_field:invalid {
    box-shadow: none;
}
/***                                                  ***/
/***          ESTILOS DE INPUT FORMULARIO             ***/
/********************************************************/

/********************************************************/
/***          ESTILOS DE INPUT FORMULARIO             ***/
/***                                                  ***/
.inputEstilo2 {
    position: relative;
    padding: 5px 0 0;
	margin-top: 3px;
	margin-bottom: 3px;
    width: 100%;
}

.inputEstilo2_field {
    font-family: inherit;
    width: 100%;
    border: 0;
    border-bottom: 2px solid #9b9b9b;
    outline: 0;
    font-size: 1rem;
    color: #000;
    padding: 3px 0;
    background: transparent;
    transition: border-color 0.2s;
}

/*.inputEstilo2_field::placeholder {
    color: transparent;
}*/

.inputEstilo2_field2 {   /* Como inputEstilo2_field2 pero sin bordes */
    font-family: inherit;
    width: 100%;
    border: 0;
/*    border-bottom: 2px solid #9b9b9b;  */
    outline: 0;
    font-size: 1rem;
    color: #000;
    padding: 3px 0;
    background: transparent;
}

.inputEstilo2_label {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 65%;
    color: #9b9b9b;
}

.inputEstilo2_field:focus {
    font-weight: bold;
    border-width: 2px;
    border-image: linear-gradient(to right, #3d83bd, #DEDFFF);
    border-image-slice: 1;
}

.inputEstilo2_field:focus ~ .inputEstilo2_label {
    color: #3d83bd;
}

.inputEstilo2_field:required, .inputEstilo2_field:invalid {
    box-shadow: none;
}

.propTextareaAuto{
  min-height: 20px;
}
.propTextareaAuto2{
  min-height: 20px;
}
/***                                                  ***/
/***          ESTILOS DE INPUT FORMULARIO             ***/
/********************************************************/


/********************************************************/
/***          ESTILO DEL SUBMIT BUTTON                ***/
/***                                                  ***/
.btnSubmit {
  display: inline-block;
  border-radius: 4px;
  background-color: #9b9b9b;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  padding: 10px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  font-weight: bold;
}

.btnSubmit span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.btnSubmit span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.btnSubmit:hover span {
  padding-right: 25px;
}

.btnSubmit:hover span:after {
  opacity: 1;
  right: 0;
}
/***                                                  ***/
/***          ESTILO DEL SUBMIT BUTTON                ***/
/********************************************************/


/********************************************************/
/***          ESTILO DEL BACK BUTTON                ***/
/***                                                  ***/
.btnBack {
  display: inline-block;
  border-radius: 4px;
  background-color: #9b9b9b;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  padding: 10px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.btnBack span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.btnBack span:before {
  content: '\00ab';
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0px;
  transition: 0.5s;
}

.btnBack:hover span {
  padding-left: 25px;
}

.btnBack:hover span:before {
  opacity: 1;
  left: 0;
}
/***                                                  ***/
/***          ESTILO DEL SUBMIT BUTTON                ***/
/********************************************************/



fieldset {
	display: block;
	width: 80%;
  margin:10px auto 10px auto;
  padding:20px 20px 20px 20px;
  border-radius: 4px;
  border-width: 2px;
  border-image: linear-gradient(to bottom, #3d83bd, #ffffff);
  border-right-width: 0;
  border-image-slice: 1;
	opacity: 0.8;
	transition: 0.5s;
}

fieldset:hover {
	border-color: #FF3333;
	opacity: 1;
}

fieldset legend{
	font-size: 120%;
    font-weight: bold;
    color: #9b9b9b;
}

fieldset:hover ~ legend{
	font-size: 130%;
    font-weight: bold;
    color: #ff3344;
}

.fldSetSimple{
  border-image:none;
  padding:4px;
  opacity: 1;
  min-height: 30px;
  border-width: 2px;
  width:97%;
  margin: auto;
  /*pointer-events: none;   Deshabilitar hover */
}

.checkTipoProposal{
	width: 90%;
	margin: auto;
}

.checkTipoProposal div{
	margin: 0 12px;
	float: left;
}

.checkTipoProposal div label{
    text-transform: uppercase;
    font-size: 65%;
    color: #9b9b9b;
}

#txtAbstract{
    
}


/********************************************************/
/***        ESTILO DE LA TABLA DE PROPUESTAS          ***/
/***                                                  ***/
#tblListaProposals{
	border:1px solid #b0b0b0;
	width: 90%;
	margin: 20px auto 0px auto;
	font-size: 80%;
	border-spacing:0px;
	border-radius: 8px;
}
#tblListaProposals td{
	padding: 10px;
}

#tblListaProposals .trImpar{
	background-color: #e5e5e5;
}
#tblListaProposals .trPar{
	background-color: #f5f5f5;
}
#tblListaProposals .trTACImpar{
  background-color: #fdd8d8;
}
#tblListaProposals .trTACPar{
  background-color: #ffe8e8;
}

/***                                                  ***/
/***        ESTILO DE LA TABLA DE PROPUESTAS          ***/
/********************************************************/

/********************************************************/
/***  ESTILO DE LA TABLA DE COMENTARIOS DE PROPUESTAS ***/
/***                                                  ***/
#tblTACComments{
  border:1px solid #b0b0b0;
  width: 90%;
  margin: 0px auto 0px auto;
  font-size: 80%;
  border-spacing:0px;
  border-radius: 8px;
}
#tblTACComments td{
  padding: 10px 30px 10px 30px;
}

#tblTACComments tr:nth-child(even){
  background-color: #e5e5e5;
}
#tblTACComments tr:nth-child(odd){
  background-color: #f5f5f5;
}
/***                                                  ***/
/***  ESTILO DE LA TABLA DE COMENTARIOS DE PROPUESTAS ***/
/********************************************************/

/********************************************************/
/***        ESTILO DE LA TABLA DE USUARIOS            ***/
/***                                                  ***/
#tblListaUsuarios{
	border:1px solid #b0b0b0;
	width: 90%;
	margin: 20px auto 0px auto;
	font-size: 80%;
	border-spacing:0px;
	border-radius: 8px;
}

/*
#tblListaUsuarios td{
	padding: 10px;
}
*/

#tblListaUsuarios tr:nth-child(even){
	background-color: #e5e5e5;
}
#tblListaUsuarios tr:nth-child(odd){
	background-color: #f5f5f5;
}

/***                                                  ***/
/***        ESTILO DE LA TABLA DE USUARIOS            ***/
/********************************************************/

/********************************************************/
/***        ESTILO DEL TAC                            ***/
/***                                                  ***/
#tblTACAssign{
  border:1px solid #b0b0b0;
/*  width: 90%;  */
  margin: 20px auto 0px auto;
  font-size: 80%;
  border-spacing:0px;
  border-radius: 8px;
}

/*
#tblTACAssign td{
  padding: 10px;
}
*/

#tblTACAssign tr:nth-child(even){
  background-color: #e5e5e5;
}
#tblTACAssign tr:nth-child(odd){
  background-color: #f5f5f5;
}

/***                                                  ***/
/***        ESTILO DEL TAC                            ***/
/********************************************************/

/********************************************************/
/***    ESTILO DE LAS CUADROS DE DIALOGO PROPIOS      ***/
/***                                                  ***/
.divAvisoOK{
  border: 3px ridge #3d83bd !important;
  box-shadow:0 0 20px 0 #3d83bd;
  opacity: 1;
  border-radius: 8px;
  padding: 10px;
  transition: 0.5s;
}

.divAvisoERROR{
  border: 3px ridge #bd3d3d !important;
  box-shadow:0 0 20px 0 #bd3d3d;
  opacity: 1;
  border-radius: 8px;
  padding: 10px;
  transition: 0.5s;
}

.divAvisoHIDE{
  display: none;
  border: 3px ridge #bbbbbb !important;
  box-shadow:0 0 20px 0 #bbbbbb;
  opacity: 1;
  border-radius: 8px;
  padding: 10px;
  transition: 0.5s;
}
/***                                                  ***/
/***    ESTILO DE LAS CUADROS DE DIALOGO PROPIOS      ***/
/********************************************************/

/********************************************************/
/***          ESTILO DE LAS TABLAS DE RUNS            ***/
/***                                                  ***/
/*
.divRunItem{
  border-top-left-radius: 8px;
  border-left: 5px solid #9b9b9b;
  margin:10px 0px;
}


.divRunItem div{
  width:95%;
  margin:0px 0px;
}
*/

.divRunItem:nth-child(even){
    background: #f5f5f5;
    border:1px solid #f5f5f5;  
}

.divRunItem:nth-child(odd){
    background: #e5e5e5;  
    border:1px solid #e5e5e5;
}

.divRunItem:first-child{
    border-spacing:0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.divRunItem:last-child{
    border-spacing:0px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.divRunItem:hover{
    border:1px solid #000000;
}



/***                                                  ***/
/***          ESTILO DE LAS TABLAS DE RUNS            ***/
/********************************************************/


/********************************************************/
/***        ESTILO DE LAS CUADROS DE DIALOGO          ***/
/***                                                  ***/

.infoDialog{
	border: 3px ridge #3d83bd !important;
	box-shadow:0 0 80px 0 #3d83bd;
	opacity: 1;
	border-radius: 8px;
}

.alertDialog{
	border: 3px ridge #bd3d3d !important;
	box-shadow:0 0 80px 0 #bd3d3d;
	opacity: 1;
	border-radius: 8px;
}

/***                                                  ***/
/***        ESTILO DE LAS CUADROS DE DIALOGO          ***/
/********************************************************/

.divPrevProposalsItems:nth-child(even){
    background: #f5f5f5;
    border:1px solid #f5f5f5;  
}

.divPrevProposalsItems:nth-child(odd){
    background: #e5e5e5;  
    border:1px solid #e5e5e5;
}

.divPrevProposalsItems:first-child{
    border-spacing:0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.divPrevProposalsItems:last-child{
    border-spacing:0px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.divPrevProposalsItems:hover{
    border:1px solid #000000;
}

.textEtiqueta{
	float: left;
    display: block;
    font-size: 60%;
    text-transform: uppercase;
    font-weight: bold;
    min-width: 30px;
    text-align: center;
}

.circulo {
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}

.truncado{
	/* Clase para truncar el contenido de texto de un contenedos, anyadiendo los ... al final */
	overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}


div{
	display:block;
	overflow: hidden;
}

/* Obtenido con  https://www.cssmatic.com/es/gradient-generator  */
.degHVerde{
background: rgba(192,255,128,1);
background: -moz-linear-gradient(left, rgba(192,255,128,1) 0%, rgba(191,255,128,1) 0%, rgba(191,255,128,0) 94%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(192,255,128,1)), color-stop(0%, rgba(191,255,128,1)), color-stop(94%, rgba(191,255,128,0)));
background: -webkit-linear-gradient(left, rgba(192,255,128,1) 0%, rgba(191,255,128,1) 0%, rgba(191,255,128,0) 94%);
background: -o-linear-gradient(left, rgba(192,255,128,1) 0%, rgba(191,255,128,1) 0%, rgba(191,255,128,0) 94%);
background: -ms-linear-gradient(left, rgba(192,255,128,1) 0%, rgba(191,255,128,1) 0%, rgba(191,255,128,0) 94%);
background: linear-gradient(to right, rgba(192,255,128,1) 0%, rgba(191,255,128,1) 0%, rgba(191,255,128,0) 94%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0ff80', endColorstr='#bfff80', GradientType=1 );
}
.degHNaranja{
background: rgba(255,192,128,1);
background: -moz-linear-gradient(left, rgba(255,192,128,1) 0%, rgba(255,192,128,1) 0%, rgba(255,192,128,0) 94%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,192,128,1)), color-stop(0%, rgba(255,192,128,1)), color-stop(94%, rgba(255,192,128,0)));
background: -webkit-linear-gradient(left, rgba(255,192,128,1) 0%, rgba(255,192,128,1) 0%, rgba(255,192,128,0) 94%);
background: -o-linear-gradient(left, rgba(255,192,128,1) 0%, rgba(255,192,128,1) 0%, rgba(255,192,128,0) 94%);
background: -ms-linear-gradient(left, rgba(255,192,128,1) 0%, rgba(255,192,128,1) 0%, rgba(255,192,128,0) 94%);
background: linear-gradient(to right, rgba(255,192,128,1) 0%, rgba(255,192,128,1) 0%, rgba(255,192,128,0) 94%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc080', endColorstr='#ffc080', GradientType=1 );
}
.degHRojo{
background: rgba(255,128,128,1);
background: -moz-linear-gradient(left, rgba(255,128,128,1) 0%, rgba(255,128,128,1) 0%, rgba(255,128,128,0) 94%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,128,128,1)), color-stop(0%, rgba(255,128,128,1)), color-stop(94%, rgba(255,128,128,0)));
background: -webkit-linear-gradient(left, rgba(255,128,128,1) 0%, rgba(255,128,128,1) 0%, rgba(255,128,128,0) 94%);
background: -o-linear-gradient(left, rgba(255,128,128,1) 0%, rgba(255,128,128,1) 0%, rgba(255,128,128,0) 94%);
background: -ms-linear-gradient(left, rgba(255,128,128,1) 0%, rgba(255,128,128,1) 0%, rgba(255,128,128,0) 94%);
background: linear-gradient(to right, rgba(255,128,128,1) 0%, rgba(255,128,128,1) 0%, rgba(255,128,128,0) 94%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8080', endColorstr='#ff8080', GradientType=1 );
}

.tacTableAVGVal{
width: 40px;
height: 40px;
margin: 5px;
font-size: 90%;
font-weight: bold;
color: #909090;
text-align: center;
line-height: 40px;
border: 2px dotted #b0b0b0;  
}

/********************************************************/
/***        ETIQUETAS DE ESTADO DE PROPUESTAS         ***/
/***                                                  ***/
.divTACPropStat{
  font-weight: bold; 
  border-radius: 8px; 
  padding:1px; 
  text-align: center; 
  border: 3px solid #9b9b9b;
  min-width: 120px;
  min-height: 15px;
  -moz-border-radius: 8px 8px;
  -webkit-border-radius: 8px 8px;
  border-radius: 8px 8px;
  opacity: 0.5;
  filter: alpha(opacity=50);       /* IE8 and lower */
}
/***                                                  ***/
/***        ETIQUETAS DE ESTADO DE PROPUESTAS         ***/
/********************************************************/


/********************************************************/
/***     ETIQUETAS DE ADMINISTRACION DE SEMESTRES     ***/
/***                                                  ***/
.inCurSem{
  width: 90px;
  font-size: 130% !important;
  text-align: center;
  font-weight: bold;
}



/***                                                  ***/
/***     ETIQUETAS DE ADMINISTRACION DE SEMESTRES     ***/
/********************************************************/

/*.rotate {       */
/*  -webkit-transform: rotate(-90deg);       */
/*  -moz-transform: rotate(-90deg);       */
/*  -ms-transform: rotate(-90deg);       */
/*  -o-transform: rotate(-90deg);       */
/*  transform: rotate(-90deg);       */
/*       */
/*  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */    
/*  -webkit-transform-origin: 50% 50%;       */
/*  -moz-transform-origin: 50% 50%;       */ 
/*  -ms-transform-origin: 50% 50%;       */
/*  -o-transform-origin: 50% 50%;       */
/*  transform-origin: 50% 50%;       */
/*       */
/*  /* Should be unset in IE9+ I think. */
/*  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);       */
/*}       */


td.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

td.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(3px, 50px)
    /* 45 is really 360 - 45 */
    rotate(270deg);
  width: 32px;
  overflow: visible;
}
/*QUITO LA SIGUIENTE LLAVE, QUE CREO QUE SOBRA  */
/*}                                             */

td.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}

/* Duplico las anteriores pero con th en vez de td para la tabla del TAC */
th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}
th.rotate > div {
  transform:
    /* Magic Numbers */
    translate(3px, 50px)
    /* 45 is really 360 - 45 */
    rotate(270deg);
  width: 32px;
  overflow: visible;
}
th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}
/*************************************************************************/

select > option{
  background-color: #cccccc;
}

input:invalid {
  border-color: red;
  border-width: 1px;
  background-color: #fff5f5;
}

.checkB{
  display: none;
}

/* bordes que parpadean para llamar la atencion */
.binkingborders {
    animation: blink 2s;
    animation-iteration-count: 30;
}
@keyframes blink { 50% { border-color:#fff ; }  }