/* constantes */
:root {
    --app-light-gray: rgba(222, 226, 230, 1); 
}

table.font-md{
    font-size: 12px;
}

table.hoverGeneral  > tbody > tr:hover >td{
    background-color: rgba(47,112,170,1);
    color: #fff;
}

table.hoverFirst >  tbody > tr:nth-of-type(odd):hover> td {
    color: #fff;
    cursor: pointer;
    background-color:rgba(47,112,170,1);
}

td.text-bold{
    font-weight: bold;
}

/* ul de las tabs pierde su margen inferior */
td > ul.nav-tabs {
    margin-bottom: 0px;
}

tr.ew-table-header th{
    background-color: #1382BA !important;
    font-weight: bold !important;
    color: whitesmoke;
    text-align: center;
}

/* div para el contenido de las pestannas */
div.tab-content {
    /* border-right: 1px solid var(--app-light-gray);
    border-bottom: 1px solid var(--app-light-gray);
    border-left: 1px solid var(--app-light-gray); */
}

div.tab-pane{
    min-height: 200px;
}

div.tab-pane > p{
    padding: 10px;
}

/* Para tablas con filas ocultas */

.hidden {
    display: none;
}
thead{
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: currentcolor; 
} 
.hoverGeneral  > tbody > tr:hover >td{
    background-color: rgba(47,112,170,1);
    color: #fff;
}
.hoverFirst >  tbody > tr:nth-of-type(odd):hover> td {
    color: #fff;
    cursor: pointer;
    background-color:rgba(47,112,170,1);
}


/* Cards para Saldos */

.miniCard{
    position: relative;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    box-shadow: 10px 10px 6px -7px rgba(179,178,178,0.63);
    width: 220px;
    height: 100px;
    text-align: center;
    padding-top: 10px;
}

.miniCard::before {    
    content: "";
    /*background-image: url('../../assets/GRBack_blue.png');*/
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.65;
}

.miniCard span{
    position: relative;
    margin: 5px;
    color: black !important;
    font-size: 1.2em;
}

.miniCard h5{
    position: relative;
    padding: 10px;
}

.blueCard{
    color: #00367D; 
}

.blueCard::before {
    background-image: url('../../assets/GRBack_blue.png');
}

.redCard{
    color: #BD0003;
}

.redCard::before{
    background-image: url('../../assets/GRBack_red.png');
}

.greenCard{
    color: #2D5756;
}

.greenCard::before{
    background-image: url('../../assets/GRBack_green.png');
}

.purpleCard{
    color: #2F2262;
}

.purpleCard::before{
    background-image: url('../../assets/GRBack_purple.png');
}
