.gen-transaction.active{
    font-weight: bold;
}
.icon-reconcilia-menu{
    cursor: pointer;
    font-size: 3em;
    float: left;
    margin-right: 22px;
}


.icon-add_balance{
    cursor: pointer;
    font-size: 3em;
    float: left;
    margin-right: 22px;
}
.uscite-balance-movement{
    height: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
}
.uscite-balance-movement:hover{
    background-color: rgba(253, 145, 145, 0.5);
    border-radius: 6px;
}

.icon-add-reconcilia{
    cursor: pointer;
    font-size: 3em;
    float: left;
    margin-right: 22px;
}

.icon-add-reconcilia:hover{
    text-shadow: 3px 3px 3px #ccc;
}

.reconciliations-container{
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 12px;

    border-left: dotted 2px gray;
    border-right: dotted 2px gray;
    border-bottom: dotted 2px gray;
    border-radius: 6px;
    padding-bottom: 12px;
}
.mov-arco-associated{
    background-color: orange;
}
.month-unit {
    border: solid 1px gray;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
}
.month-unit.active{
    background-color: orange;
    font-weight: bold;
}
.year-label{
    font-size: 2em;
}
.month-operative{
    border: solid 1px rgb(220, 219, 219);
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 4px;
}
.month-operative:hover {
    opacity: .8;

    box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
}
.transaction-reconcilia.active{
    background-color: yellow;
    font-weight: bold;
}

.balance-ok{
    background-color: lightgreen !important;
}
.balance-partial{
    background-color: yellow;
}
.balance-movement{
    /*background-color: rgb(255, 255, 255);*/
    min-height: 3em;
    padding-top: 4px;
    border-radius: 4px;
    margin-bottom: 3px;
}
.balance-movement:hover{
    background-color: rgba(141, 202, 141, 0.602);
}

.row.total-row{
    padding-top: 12px;
    background-color: rgb(239, 239, 239);
    padding-bottom: 12px;
 
}


.year-box-transaction{
    border-radius: 4px;
    border: solid 1px gray;
    padding: 4px;
    margin: 4px;
}
.year-box-transaction:hover{
    background-color: rgb(238, 238, 238);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5);  
}
.col-selectable:hover{
    background-color: rgb(245, 245, 245);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.5);  
}
.clear-input-search{
    margin-right: 10px;
}
.clear-input-search:hover{
    background-color: rgb(245, 245, 245);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.5);  
    border-radius: 4px;
}