div{
	display: block; overflow: hidden;
}

.clicable:hover {
  cursor:pointer;
}

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

.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: 0px;
    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_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;
}
/***                                                  ***/
/***          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;
}

.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:30px auto 30px 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;
}


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


}

.checkTipoProposal div{
	margin: 0 15px;
	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;
}
/***                                                  ***/
/***        ESTILO DE LA TABLA 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-right: 5px solid #9b9b9b; */
  border-top-left-radius: 8px;
  border-left: 5px solid #9b9b9b;
  margin:10px 0px;
}


#divRunItem div{
  width:95%;
  margin:0px 0px;
}

/***                                                  ***/
/***          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          ***/
/********************************************************/
.textEtiqueta{
	float: left;
    display: block;
    font-size: 60%;
    text-transform: uppercase;
    font-weight: bold;
    min-width: 30px;
    text-align: center;
}

.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;
}



.alerts-border {
    border-top: 4px solid #dd7979;
    border-bottom: 4px solid #dd7979;
    animation: blink 2s;
    animation-iteration-count: 10;
}

@keyframes blink { 50% { border-color:#fff ; }  }