.guaranty_text {
    color: #061e46;
    font-family: "Montserrat", sans-serif;
}

@media (max-width: 768px) {
    .guaranty_text {
        font-size: 70%;
    }
}

.DataTable {
    color: #061e46;
    font-family: "Montserrat", sans-serif;
    font-size: 80%;
    text-align: left;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #363636;
    }

@media (max-width: 768px) {
    .DataTable {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        font-size: 50%;
    }

    .DataTable thead {
        user-select: none; /* Отключает выделение текста */
        -webkit-user-select: none; /* Для браузеров на базе WebKit (например, Chrome и Safari) */
        -moz-user-select: none; /* Для Firefox */
        -ms-user-select: none; /* Для Internet Explorer/Edge */
    }
}

.DataTable thead tr {
    cursor: pointer;
    position: sticky;
    font-weight: bold;
    top: 0;
    border-bottom: 1px solid #363636;
    background: #abb8c3;
}
.DataTable tr {
    border-bottom: 1px solid #262626;
    background: #ffff;
}
.DataTable tr:nth-child(odd) {
    height: 23px;
}

.DataTable tr:nth-child(even) {
    height: 23px;
}

.DataTable td:nth-child(1) {
    width: 50%; /* Ширина первой колонки */
   }

.DataTable td:nth-child(2) {
    width: 15%; /* Ширина второй колонки */
    }

.DataTable td:nth-child(3) {
    width: 15%; /* Ширина второй колонки */
    }

.DataTable td:nth-child(4) {
    width: 10%; /* Ширина второй колонки */
    }

.DataTable td:nth-child(5) {
    width: 10%; /* Ширина второй колонки */
    }

/* клас для скрытия значений */
.DataTable duplicate {
  visibility: hidden;
}

.submit {
   font-size: 60%;
   background: rgb(0, 79, 218);
   color: white;
   font-weight: bold;
   margin-left: 20px;
   height: 25px;
   width: 200%;
   outline: none;
   border: none;
   cursor: pointer;
   font-family: "Montserrat", sans-serif;
}
@media (max-width: 768px) {
    .submit {
       font-size: 120%;
       height: 60px;
       width: 250px;
       margin-left: 0px;}
    }

.toTableButtonSubmit {
   font-size: 60%;
   background: rgb(0, 79, 218);
   color: white;
   font-weight: bold;
   margin-left: 120px;
   height: 25px;
   width: 100%;
   outline: none;
   border: none;
   cursor: pointer;
   font-family: "Montserrat", sans-serif;
}
@media (max-width: 768px) {
    .toTableButtonSubmit {
       font-size: 120%;
       height: 60px;
       width: 250px;
       margin-left: 0px;}
    }

.serial_label {
    font-size: 80%;
    color: #061e46;
    font-family: "Montserrat", sans-serif;
}
@media (max-width: 768px) {
.serial_label {
        font-size: 110%;
    }
}
.serial_input {
   background: rgb(0, 153, 255);
   color: white;
   height: 25px;
   width: 300px;
   border: none;
   outline: none;
   font-size: 75%;
}
@media (max-width: 768px) {
    .serial_input {
       height: 60px;
       width: 250px;
       font-size: 120%;
    }
}