.tableStyle {
    border-collapse: collapse;
    width: 100%;
    font-family: Arial, sans-serif;
}

.tableStyle th {
    background-color: #e0e0e0;
}

.tableStyle th,
.tableStyle td {
    border: 1px solid #ccc;
    padding: 6px 8px;
    text-align: left;
}

.tableStyle td {
    background-color: #fff;
}

.editable {
    background-color: #fff;
    cursor: text;
}

.editable:focus {
    outline: 2px solid #3399ff;
    background-color: #eef6ff;
}

.save-button {
    margin-top: 10px;
    padding: 8px 14px;
    background-color: #3399ff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.save-button:hover {
    background-color: #2677cc;
}

.record-navigator {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.nav-btn {
    padding: 4px 8px;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    cursor: pointer;
    border-radius: 4px;
}

.nav-btn:hover {
    background-color: #e0e0e0;
}

.active-row td {
    /*background-color: #cceeff;*/
    background-color: #ffe09f !important;
    /*font-weight: bold;*/  /*Չարժե, գույնը բավակեն է, բոլդ լինելուց տեքստը երկարում է եւ անցնում է երկրոդ տող*/
    /*outline: 1px solid orange;*/

}

.nn {
    width: 5%;
}


.nn input {
    width: 80%;
    text-align: center;
    margin: auto 10%;
}



.table-wrapper {
    width: 100%;
/*    max-height: 68vh; */
/*    overflow-y: auto;*/
    border: 1px solid #ccc;
    padding: 4px;

}

.table-scroll {
     width: 100%;
    max-height: 60vh; /* высота видимой части таблицы */
    overflow-y: auto;
    background-color: #f0f0f0;
}

.tableStyle thead {
    position: sticky;
    top: 0;
    background-color: #f0f0f0;
    z-index: 1;
}

.add-form{
    position:absolute;
    top:100px;
    width:85%;
    height: 85vh;
    display: flex;
    flex-direction: column;
    background-color: rgba(109, 109, 109, 0.411);
 /*   justify-content: center;*/
   align-items: center;
    z-index: 2;
}
.add-input{
    width: 250px;
    height: 35px;
    margin-top:20px;
}
.submit-button{
    width: 250px;
    height: 35px;
    background-color: #0a8858;
    margin-top:30px;
}
.change-row td{
    background-color: #cceeff;
}