table {
            font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
            font-size: 14px;
            border-collapse: collapse;
            text-align: center;
            width: 100%;
        }

        th {
            background: #AFCDE7;
            color: white;
            padding: 10px 20px;
        }

        th,
        td {
            border-style: solid;
            border-width: 0 1px 1px 0;
            border-color: white;
        }

        td {
            padding: 5px 20px;
        }

        th:first-child,
        td:first-child {
            text-align: left;
        }

        tr {
            background: #D8E6F3;
        }

        tr:hover,
        tr[st]:hover {
            cursor: pointer;
            background-color: #AFCDE7;
        }

        td>table th {
            background: #4CAF50;
            color: white;
            padding: 0px 10px;
            font-weight: normal;
        }

        td>table tr {
            background: none;
        }

        td>table th,
        td>table td {
            font-size: 0.7rem;
        }

        div {
            width: 100%;
        }

        tr[st='2'] {
            /* background-color: #b2ebf2; */
        }

        tr[st='Принят'] {
            background-color: #8BC34A;
        }

        tr[st='Отклонен'] {
            background-color: red;
        }

        tr[st='Отозван'] {
            background-color: rgb(248, 252, 23);
        }