/* Personalizacion de la navbar */

.nav-logo{
    background-image:url('../images/ae-logo-sprite.png');
    background-repeat: no-repeat;
    display: inline-block;
    background-position: 0px 0px;
}
.nav-logo:hover{
    background-image:url('../images/ae-logo-sprite.png');
    color:lightgrey;
    background-position: 0px -29px;
}

/* al pasar el raton sobre elementos del submenu en caso de no estar en la pestaña activa */

.mynavbar .dropdown-menu > li > a:hover{
    background-color: #c5e7ff;
    color: black;
}

/*  Personalizacion de las imagenes para que tengan efecto fade. Utilizado en el footer */

.fading {
    opacity: 0.5;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.fading:hover {
    opacity: 1;
}      

/* Extraido de bootrap.min.css para que al pasar el cursor por encima de los botones del nav bar no se fastidie el color de fondo */
.navbar .nav>li>a:hover{background-color:transparent;color:#ffffff;text-decoration:none;}

/* Para que los iconos puedan actuar de enlaces */
.icon-discrete-link:hover{
    text-decoration: none;
}

/* Personalizacion del sectionmenu */


/* Color de los tab */
.sectionmenu > li > a{
    background-color: #0055cc;
    color: white;
}
/* Color de la fecha de los tabs */
.sectionmenu > li > a > b.caret.bottom-up{
    color: white;
}

/* Color del tab activo */
.sectionmenu > li.active > a{
    background-color: whitesmoke ;
}

/* Color del tab activo al pasar el raton */
.sectionmenu > li.active > a:hover{
    background-color: #c5e7ff;
    cursor: auto;
}

/* Color del dropdown activo cuando es seleccionado */
.sectionmenu > li.active.open > a{ 
    background-color: #c5e7ff;
    color: black;
    cursor: auto;
}

/* Color del dropdown activo cuando es seleccionado y tiene el raton encima */
.sectionmenu > li.active.open > a:hover{ 
    background-color: #c5e7ff;
    color: black;    
}

/* Tab al pasar el cursor */
.sectionmenu > li.sectionmenutab > a:hover{
    background-color: #c5e7ff;
    color: black;
}

/* dropdown seleccionado en caso de no estar en la pestaña activa*/
.sectionmenu > li.sectionmenutab.open > a{
    background-color: #c5e7ff;
    color: black;
}

/* al pasar el raton sobre elementos del submenu en caso de no estar en la pestaña activa */
.sectionmenu > li.sectionmenutab.open > ul > li > a:hover{
    background-color: #c5e7ff;
    color: black;
}


/* al pasar el raton sobre elementos del submenu en caso de no estar en la pestaña activa */
.sectionmenu > li.active.open > ul > li > a:hover{
    background-color: #c5e7ff;
    color: black;
}




/* Personalizacion de los tooltip */

/* Esta clase es para poner en los enlaces */

.tooltip-silent{
    cursor: default;
    color: inherit;
    text-decoration: none;
}
.tooltip-silent:hover{
    cursor: default;
    color: inherit;
    text-decoration: none;
}


/* Personalizacion del calendar */

#ui-datepicker-div{
    font-size:11px;
}

.ui-datepicker-month{
    height:2em;  
    padding:0px;
    float: right;
}

.ui-datepicker-year{
    height:2em; 
    padding:0px;

}


.myform-inline{
    margin-bottom: 0px;
}

.myform-inline div.mycontrol-group-inline{
    margin-bottom: 0px;
}

/* Para crear celdas como "falsos" enlaces */
.mycelllink{
    cursor: pointer;    
}


/* Tablas de CAELIS */

table.listado {
    width: auto;
    color: #333; 
    background: #F3F5F7;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
    background-color: #ffffff;
    border: 3px solid #5f7eB7;
    font: normal 100% sans-serif;
    color:black; 
}

.listado_selected {
    background-color: #FFFF00;
}

table.listado tr {
    border: 1px solid #ffffff;
}

table.listado td, table th {
    border: 1px solid #EAECEE;
    padding: 1px 5px;
    text-align:center;
}

table.listado th{
    background-color: #333;
    color: white;
}

table.listado tbody tr:hover{
    background-color: #c5e7ff; 
}


table.listado tr.even
{
    background-color: #F3F5F7;
}

table.listado tr.odd
{
    background-color: #E6E8F0;
}

table.listado th a
{
    color: white;
}


a.graph:hover {
    text-decoration: none;
}