.judet-activ:hover{
    fill: #f18e00;
}

.judet-activ {
    cursor: pointer;
    transition: fill 0.5s ease-out 100ms;
}

.harta-ro {
    position:relative;
}

.harta-ro svg {
    width:100%;
    height:auto;
}

.unit-card {
    position:absolute;
    z-index:999999;
    border: 2px solid #f18e00;
    padding:10px;
    background-color: #fff;
    font-family: 'Fira Sans Regular';
    font-size:16px;
    display:none;
}

.unit-table-cell {
    border: 1px solid #000;
    border-top: none;
}

.utc-1 {
    border-right: none;
}

.utc-2 {
    border-right: none;
}

.utc-header{
    border-top: 1px solid #000;
    font-weight: bold;
}

.unit-table-cell {
    font-family: 'Fira Sans Regular';
    font-size: 16px;
}

@media only screen and (max-width:767px) {
    .unit-card {
        width:300px !important;
        left:0px !important;
    }

    .unit-table-cell {
        font-size: 14px;
    }
}