.amountDebt {
    display: inline-block;
    background-image: linear-gradient(90deg, #D2122E, #fd5c63);
    padding: 5px 50px;
    border-radius: 5px;
    color: white;
    text-align: center;
}
.amountDebt span {
    display: block;
    border-top: 1px solid white;
    font-size: 0.7rem;
    margin-top: 3px;
    padding-top: 3px;
}

.boxTopDebt {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.boxTopDebtPlot {
    width: 150px;
    padding: 5px;
    border: 1px solid lightgray;
    border-radius: 5px;
    font-size: 0.8rem;
    text-align: center;
}
.boxTopDebtPlot:hover {
    border: 1px solid gray;
}

.boxSearchDebt {
    
}

.boxSearchDebtForm {

}
.boxSearchDebtForm select {
    width: 200px;
    padding: 5px 10px;
    font-size: 0.9rem;
    font-family: 'Comfortaa', sans-serif;
    border-radius: 5px;
}
.boxSearchDebtRezult {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 20px;
}
.boxSearchDebtRezultPlot {
    width: 150px;
    padding: 5px;
    border: 1px solid lightgray;
    border-radius: 5px;
    font-size: 0.8rem;
    text-align: center;
}
.boxSearchDebtRezultPlot:hover {
    border: 1px solid gray;
}