@import url("widgets.8a70ea6d8850.css");

.form {
    display: flex;
    flex-direction: column;
    border: 2px solid #d3d3d3;
    border-radius: 10px;
    box-shadow: 0px 1px 5px 3px rgba(218, 218, 218, 0.5); /* Немного смягчим тени */
    margin-bottom: 5px;
    padding: 10px;
    transition: transform 0.2s ease-in-out; /* Добавим плавную анимацию при наведении */
}

.form:hover {
    box-shadow: none;
    cursor: pointer; /* Курсор изменится на указатель при наведении */
}
.line-form{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 10px;
}


.line-form-check {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 10px;
    flex-wrap: wrap;
}
.label-form {
    display: flex;
    flex-direction: column;
}
.form_label{
    display: flex;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    justify-content: center;
    align-items: center;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 400;
    color: #ededed;
}
.form_label__label{
    display: flex;
    background-color: #00ef80;
    justify-content: center;
    align-items: center;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 400;
    color: #4c4c4c;
}

textarea {
    height: 200px;
    border: 2px solid #87ceeb;
    border-radius: 3px;
    width: 100%;
    padding: 10px;
}

textarea::placeholder {
    padding: 10px;
}
input::placeholder {
    padding:10px;
}
.errorlist {
    display: none; /* Hide error message */ 
    content: "*";
    color: red;
}
input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: light-dark(rgb(87, 141, 255), rgba(53, 208, 6, 0.4)) !important;
    color: fieldtext !important;
}
user agent stylesheet
input:not([type="image" i], [type="range" i], [type="checkbox" i], [type="radio" i]) {
    overflow-clip-margin: 0px !important;
    overflow: clip !important;
}
input[type="checkbox"] {
    width: 20px;
    height: 20px;
  	box-shadow: -2px 0 5px rgb(200, 200, 200);}

.form-text{
    width: 100%;
    height: 50px;
}

.form-animal{
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap:10px;
    border: 2px solid #d3d3d3;
    border-radius: 5px;
    padding: 10px;
    background-color: #e9ecef;
}
.block-label{
    font-size: 18px;
}
.block-form{
    display: flex;
    align-items: stretch;
}
.block-form2{
flex-grow:2;
border-radius: 5px;
}
.block-table{
    padding: 20px;
    border-radius:8px;
    background-color: #e9ecef;
    border: 1px solid #d3d3d3;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.block-table-product{
    padding: 20px;
    border-radius: 5px;
    background-color: #e9ecef;
    border: 2px solid #d3d3d3;
    height: -webkit-fill-available;
    width: -webkit-fill-available;
}
.form-line{
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
}
select {
    width: 100%;
}
input{
    padding: 5px;
    height: auto;
    border: 2px solid #e9ecef;
    color: #055160;
    border-radius: 6px;
}
input[type="date"]::-webkit-calendar-picker-indicator { color: red;
label{
    font-size: 16px;
}
}

.form-control label {
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px;
}

.block-form-visit{
    display: flex;
}

.form-filter {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 0.5rem;
    flex-wrap: wrap;
    width: fit-content;
}
input[type="number"]::-webkit-inner-spin-button {
  background-color: blue;
}

.more-text {
            display: none;
        }
button.show-more-btn {
            margin-top: 10px;
            padding: 5px 10px;
            background-color: #007bff;
            color: white;
            border: none;
            cursor: pointer;
            border-radius: 8px;
        }
.scrollable-table td.scrollable-cell {
    max-height: 100px;       /* Ограничиваем высоту ячеек */
    overflow-y: auto;        /* Включаем вертикальную прокрутку */
    word-wrap: break-word;   /* Перенос длинных строк */
    padding-right: 15px;     /* Немного отступ справа для скроллинга */
}

.table th, .table td {
    vertical-align: top;     /* выравниваем текст по верхнему краю */
}

.scroll-table-visit {
    height: 100px;
    overflow: auto;
    margin-bottom: 1rem;
}

.status-generated {
                background-color: #4CAF50 !important; /* зеленый */
                color: white !important;
            }

        .status-awaiting-payment {
            background-color: #FFEB3B !important; /* желтый */
            color: black !important;
            }

        .status-ok {
            background-color: #2196F3 !important; /* голубой */
            color: white !important;
        }

        .status-postponement-of-payment
        {
            background-color: #FF9800 !important; /* оранжевый */
            color: white !important;
        }

.status-debt {
    background-color: #F44336 !important; /* красный */
    color: white !important;
}