/* bootstrap css */
.btn {
    color: #606266;
    background-color: #fff;
    border-color: #DCDFE6;
}

.btn:hover,
.btn:focus {
    color: #23869b;
    background-color: #fff;
    border-color: #23869b;
}

.btn-primary {
    color: #fff;
    background-color: #23869b;
    border-color: #23869b;
}

.btn-primary:hover,
.btn-primary:focus {
    color: #fff;
    background-color: #4f9eaf;
    border-color: #4f9eaf;
}

.modal-content {
    max-height: 90vh;
    overflow: hidden;
}

.modal-body {
    overflow-y: auto;
    max-height: 70vh;
}

.modal-dialog.modal-custom-width {
    max-width: 96%;
    margin: 0 auto;
}


.table-container {
}

.table-container table {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.9rem;
}

.table-container table thead {
    color: #909399;
}

.table-container table th,
.table-container table td {
    max-width: 300px;
    min-width: 140px;
    word-break: break-word; /* Перенос длинных слов */
    overflow-wrap: break-word; /* Поддержка переноса */
    white-space: normal; /* Позволяет перенос строк */
}

.table-container thead tr {
    border-bottom: 1px solid #EBEEF5;
    border-top: 0px;
}

.table-container thead tr th {
    background-color: #fff;
    border: 0px;
    font-weight: normal;
}

.table-container tbody tr {
    border-bottom: 1px solid #EBEEF5;
}

.table-container tbody td {
    border: 0;
}

.table-container tbody tr:hover {
    background-color: rgba(0, 123, 255, 0.1);
    cursor: pointer;
}

.table-container .table-rounded {
    border-radius: 10px;
    overflow: hidden;
}


/* bootstrap css */

html, body {
    font-size: 14px; /* Измените на нужное значение */
}

.cc-notify-list i {
    font-size: 20px;
}