/* Стили для анкеты при создании заказа 01-04-2025 */
.grid-translator-stroke-header {
    display: grid;
    grid-template-columns: repeat(5, 1fr) 75px;
    gap: 15px;
    padding: 0 15px;
}
.open-questions-to-client {
    display: block;
    text-align: center;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    background: #3574b9;
    font-size: 12px;
    color: #fff;
    transition: 0.2s;
}
.open-questions-to-client:hover, 
.open-questions-to-client:visited {
    background: #2464a9;
    color: #fff;
    text-decoration: none;
}
.questions-to-client {
    box-shadow: 0 0 16px rgba(0,0,0,0.15);
    background: #fff;
    padding: 15px;
    background: #fff;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 20px;
}
.stylized-checkbox .form-check {
    margin-bottom: 10px;
    margin-right: 10px;
}
.stylized-checkbox .form-check-input {
    display: none;
}
.stylized-checkbox .form-check-label {
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    padding-left: 12px;
    padding-right: 12px;
    width: auto;
    border-radius: 3px;
    cursor: pointer;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 0 16px rgba(0,0,0,0.15);
}
.stylized-checkbox .form-check-input:checked+.form-check-label {
    background: #76a61c;
    color: #fff;
    box-shadow: none;
    border: 1px solid #5d8b08;
}
.stylized-checkbox .form-check-input:disabled+.form-check-label {
    background: #f4f4f4;
    color: #959595;
    box-shadow: none;
}
.talk-to-client {
    border-radius: 5px;
    line-height: 16px;
    padding: 10px;
    background: #dbeeff;
    border: 1px solid #a8d3f8;
    height: calc(100% - 20px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 20px;
}
.talk-to-client_white {
    background: #fff;
    border-color: #ccc;
}
.talk-to-client_header {
    background: #dbeeff;
    border-radius: 4px 4px 0 0;
    padding: 10px;
    margin-bottom: 10px;
    margin-left: -9px;
    margin-right: -9px;
    margin-top: -9px;
}
.talk-to-client_footer {
    display: flex;
    justify-content: space-between;
}
.talk-to-client_footer .action-to-client {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border-radius: 4px;
    background: #959595;
    color: #fff;
    padding: 0 5px;
}
.talk-to-client_footer .action-to-client .fa {
    color: #fff;
    font-size: 12px;
}
.talk-to-client_footer .fa {
    color: #7f7f7f;
    font-size: 15px;
    line-height: 20px;
}
.block-questions-to-client {

}
.block-questions-to-client_header {
    background: #dbeeff;
    border: 1px solid #a8d3f8;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-radius: 4px 4px 0 0;
}
.block-questions-to-client_header .fa {
    color: #7f7f7f;
    font-size: 15px;
    line-height: 20px;
}
.block-questions-to-client_body {
    border-radius: 0 0 4px 4px;
    border: 1px solid #ebebeb;
    border-top: none;
    padding: 10px;
}
.form-in-client-questions {
    margin-bottom: 10px;
}
.form-in-client-questions .form-control {
    border-radius: 3px;
    height: 25px;
    line-height: 25px;
    background: #fff;
}
.form-in-client-questions input::-webkit-input-placeholder {
    color: #959595;
    font-style: italic;
    font-size: 12px;
}
.addition-text {
    display: inline;
    color: #707070;
}
.questions-to-clients_select {
    font-size: 12px !important;
    height: 25px;
    padding: 0 7px;
    border: 1px solid #ebebeb;
}
.question-column {
    padding-top: 2px;
}
.client-end-talk {
    width: 100%;
    height: 25px;
    border-radius: 4px;
    background: #76a61c;
    color: #fff;
    transition: 0.2s;
}
.client-end-talk:hover {
    background: #709508;
}
.client-talk-footer {
    border-radius: 0 0 4px 4px;
    background: #ccc;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
    margin-top: 15px;
    padding-top: 15px;
}
.client-attention-block {
    border-radius: 4px;
    padding: 5px;
    background: #959595;
    color: #fff;
}
/* Стили для анкеты при создании заказа 01-04-2025 */
/* Стили для нового дизайна - 02-11-2021 */
.cabinet-options .btn {
    border-radius: 3px;
    background-color: #959595;
}
.cabinet-options .cabinet-left-col {
    flex: 0 0 200px;
    max-width: 200px;
    height: 50vh;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cabinet-options .cabinet-right-col {
    width: calc(100% - 200px);
}
@media (max-width: 1600px) {
    .cabinet-right-col .col-xl-4,
    .cabinet-right-col .col-xl-6,
    .cabinet-right-col .col-xl-8 {
        flex: 0 0 70%;
        max-width: 70%;
    }
}
@media (max-width: 1200px) {
    .cabinet-right-col .col-xl-4,
    .cabinet-right-col .col-xl-6,
    .cabinet-right-col .col-xl-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.cabinet-left-col .dropdown-menu {
    min-width: 200px;
    padding: 5px 15px;
}
.cabinet-left-col .dropdown-menu a {
    font-size: 14px;
    line-height: 16px;
    display: block;
}
.cabinet-left-col .dropdown-menu a span {
    font-size: 12px;
    color: #959595;
}
.pillow {
    position: relative;
    border-radius: 4px;
    padding: 15px;
    width: 100%;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    margin-bottom: 20px;
}
.pillow h6 {
    font-weight: 700;
}
.pillow input {
    border: 1px solid #ebebeb;
    height: 28px !important;
    border-radius: 3px !important;
}
.pillow select option, .pillow select ,.pillow .custom-select {
    font-size: 14px;
    border-color: #ebebeb;
    height: 28px !important;
    border-radius: 3px !important;
}
.pillow input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
}
.pillow textarea {
    border-radius: 3px;
}
.pillow .form-group {
    margin-bottom: 0;
}
.pillow .input-group-prepend {
    height: 28px;
}
.pillow .input-group-prepend span {
    color: #424242;
    width: 130px;
}
.se-settings-edit .pillow .input-group-prepend span {
    width: 190px;
}
.pillow .input-group-prepend label {
    color: #424242;
    width: 130px;
}
.pillow .select, .pillow .custom-select {
    height: 28px;
    line-height: 14px;
}
.pillow .input-group-append button {
    width: 50px;
    background-color: #ced4da;
    height: 28px;
    line-height: 28px;
    border-radius: 0 3px 3px 0;
    transition: 0.2s;
}
.pillow hr {
    margin-top: 0;
    margin-bottom: 10px;
}
.pillow .stroke-cover {
    display: flex;
    height: 28px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 26px;
    background-color: #fff;
}
.pillow .stroke-cover-h-auto {
    min-height: 28px;
    height: auto;
    display: block;
}
.pillow .accordion h6 {
    font-size: 14px;
    display: block;
    width: 100%;
    height: 28px;
    line-height: 28px;
}
.pillow .accordion .card {
    background-color: #fff;
    border: 1px solid #ced4da;
    padding: 0;
}
.pillow .accordion .card-header {
    height: 28px;
    background-color: #fff;
    padding: 0;
}
.pillow .accordion .card-header button {
    width: 100%;
    height: 28px;
    background-color: #fff;
}
.pillow .accordion .card-header button:focus {
    outline: none;
}
.pillow .accordion .card-body {
    padding: 10px;
    max-height: 800px;
    overflow-x: auto;
}
.pillow .nav-pills .nav-item {
    margin-right: 5px;
}
.pillow .nav-pills .nav-item .nav-link {
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    padding: 0 7px;
    background-color: #f4f4f4;
    color: #959595;
}
.pillow .nav-pills .nav-link.active, .pillow .nav-pills .show > .nav-link {
    background-color: #3574b9;
    color: #fff;
}

.cabinet-options_name {
    display: flex;
}
.cabinet-options_name .left {
    width: 120px;
    margin-right: 15px;
}
.cabinet-options_name .input-file-btn {
    width: 100%;
}
.cabinet-options_name .input-file-btn label {
    width: 100%;
    background-color: #f4f4f4;
    border: 1px solid #e1e1e1;
    text-align: center;
    color: #707070;
}
.cabinet-options_name .input-file-btn label:hover {
    background-color: #e1e1e1;
}
.cabinet-options_name .right {
    width: calc(100% - 135px);
}
.cabinet-options_photo {
    width: 120px;
    height: 142px;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 10px;
}
.cabinet-options_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lk_trl-coment {
    height: 120px;
    width: 100%;
}
.work-lang-wrap {
    margin-bottom: 20px;
}
.work-lang-wrap_top .stroke-cover input {
    vertical-align: sub;
}
.work-lang-wrap_top label {
    color: #aaa;
    font-weight: normal;
}
.work-lang-wrap_top .stroke-cover label {
    color: #000;
    font-weight: bold;
}
.work-lang-wrap_top .btn-28 {
    padding: 0;
    width: 100%;
}
.work-lang-wrap_top .stroke-cover {
    display: flex;
    justify-content: space-between;
}
.work-lang-wrap_top .btn-margin {
    margin-top: 21px;
}
.work-lang-wrap_top .btn-del:hover {
    background-color: #dd4b39;
}
.work-lang-wrap_bottom .stroke-cover {
    padding-left: 1px;
}
.work-lang-wrap_bottom .stroke-cover .input-file-btn label {
    height: 24px;
    border-radius: 3px;
    margin-top: 1px;
    line-height: 24px;
    width: 200px;
    text-align: center;
    background-color: #e1e1e1;
    color: #555;
}
.work-lang-wrap_bottom .stroke-cover .input-file-btn label:hover {
    background-color: #3068a6;
    color: #fff;
}
.work-lang-wrap_bottom .stroke-cover .btn-nav a {
    display: inline-block;
    border-radius: 3px;
    line-height: 24px;
    text-align: center;
    width: 200px;
    background-color: #e1e1e1;
    margin-left: 2px;
    color: #555;
}
.work-lang-wrap_bottom .stroke-cover .btn-nav a:hover {
    background-color: #ccc;
}
.work-lang-wrap_bottom .warning-memmory {
    margin-left: 15px;
}
.work-lang-wrap_bottom .warning-memmory.red {
    color: red;
}
.work-lang-wrap_bottom .warning-memmory.green {
    color: green;
}
.btn-thin {
    background-color: #fcfcfc !important;
    border: 1px solid #ebebeb;
    color: #252525 !important;
}
.btn-thin:hover {
    background-color: #f4f4f4 !important;
    border: 1px solid #ccc !important;
}
.pc-skills-textarea {
    height: 96px;
    width: 100%;
}
.diplom-stroke {
    display: grid !important;
    grid-template-columns: 220px 220px 120px 1fr 50px;
    gap: 10px;
    padding-right: 1px;
    padding-top: 1px;
    height: auto !important;
    min-height: 28px !important;
}
.diplom-stroke .choose-diplom {
    height: 26px;
}
.diplom-stroke .custom-select {
    height: 26px !important;
    padding: 0 7px;
}
.diplom-stroke .input-file-btn label {
    height: 26px;
    line-height: 26px;
    border-radius: 2px;
}
.download-file {
    display: flex;
    height: 28px;
}
.diplom-stroke .download-file {
    height: 26px;
    line-height: 26px;
    margin-right: 5px;
    margin-bottom: 1px;
}
.download-file .diplom-file_download {
    max-width: 200px;
    background-color: #e5e5e5;
    border-radius: 3px 0 0 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 5px;
    color: #535353;
}
.download-file .diplom-file_download:hover {
    background-color: #ccc;
}
.download-file .diplom-file_delete {
    width: 28px;
    text-align: center;
    background-color: #ccc;
    border-radius: 0 3px 3px 0;
    color: #535353;
}
.download-file .diplom-file_delete:hover {
    background-color: #dd4b39;
    color: #fff;
}
.diplom-stroke .download-file_wrap {
    display: flex;
    flex-wrap: wrap;
}
.btn-50 {
    display: inline-block;
    width: 50px;
    height: 28px;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    background-color: #959595;
    color: #fff;
    transition: 0.2s;
}
.btn-50_wide {
    min-width: 50px;
}
.btn-28 {
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    background-color: #959595;
    color: #fff;
    transition: 0.2s;
}
.btn-50:hover, .btn-28:hover {
    opacity: 0.93;
    color: #fff;
}
.btn-50.active {
    background-color: #4e7ac7;
}
.input-file-btn input {
    display: none !important;
}
.input-file-btn label {
    height: 28px;
    line-height: 28px;
    padding: 0 20px;
    background-color: #4e7ac7;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    transition: 0.2s;
}
.input-file-btn label:hover {
    background-color: #3068a6;
    cursor: pointer;
}
.attached-contract-stroke {
    width: 100%;
    display: flex;
    padding-top: 15px;
    padding-bottom: 5px;
    background-color: #eef7ff;
    border-bottom: 1px dashed #959595;
    margin-bottom: 1px;
}
.attached-contract-stroke:nth-child(2n) {
    background-color: #fff;
}
.attached-contract {
    display: flex;
    line-height: 28px;
    border-radius: 3px;
    background-color: #e5e5e5;
    margin-bottom: 10px;
    height: 28px;
}
.attached-contract .file-name {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 30px);
    padding: 0 10px;
    color: #252525;
    font-size: 12px;
    transition: 0.2s;
}
.attached-contract .file-name:hover {
    background-color: #ebebeb;
}
.attached-contract .file-name b {
    width: 190px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.attached-contract .file-name i {
    margin-right: 5px;
}
.attached-contract .btn-50 {
    width: 30px;
}
.width-120 {
    width: 120px;
}
.width-100 {
    width: 100px;
}
.width-40 {
    width: 40px;
}
.width-30 {
    width: 30px;
}
.nav-tabs-wrap {
    display: flex;
    justify-content: space-between;
}
.nav-tabs-wrap button {
    height: 28px;
    width: 28px;

}
.nav-tabs-wrap .btn-add-card {
    border-radius: 3px 0 0 3px;
    transition: 0.2s;
    background-color: #ebebeb;
}
.nav-tabs-wrap .btn-add-card:hover {
    background-color: #76a61c;
    color: #fff;
}
.nav-tabs-wrap .btn-del-card {
    border-radius: 0 3px 3px 0;
}
.nav-tabs-wrap .btn-del-card:hover {
    background-color: #dd4b39;
    color: #fff;
}
.pillow_task-wrap {
    padding-bottom: 0;
}
.pillow_task-wrap .task-wrap_trl-type {
    display: flex;
    width: 100%;
}
.pillow_task-wrap .task-wrap_trl-type .left {
    width: calc(100% - 290px);
    padding-left: 5px;
    padding-right: 5px;
}
.pillow_task-wrap .task-wrap_trl-type .right {
    width: 300px;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    justify-content: flex-end;
}
.pillow_task-wrap .task-wrap_trl-type .right .btn-50 {
    margin-right: 10px;
}
.pillow_task-wrap .task-wrap_trl-type .right .btn-50:last-child {
    margin-right: 0px;
}


.task-wrap_trl-file-stroke {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
}
.task-wrap_trl-file-stroke .left,
.task-wrap_trl-file-stroke .right {
    padding-left: 5px;
    padding-right: 5px;
}
.task-wrap_trl-file-stroke .left {
    width: 43%;
}
.task-wrap_trl-file-stroke .left .file-nav {
    width: 100%;
    display: grid;
    grid-template-columns: auto 140px 70px;
    column-gap: 14px;
}
.task-wrap_trl-file-stroke .left .file-trl,
.add-trl .left .file-trl {
    display: flex;
    width: 100%;
}

.task-wrap_trl-file-stroke .right {
    width: 57%;
}

.task-wrap_trl-file-stroke .left .file-trl .file-trl_status,
.add-trl .left .file-trl .file-trl_status,
.task-wrap_oral-task-stroke .left .file-trl {
    width: 50px;
}
.task-wrap_trl-file-stroke .left .file-trl .file-trl_file-name,
.add-trl .left .file-trl .file-trl_file-name {
    width: calc(100% - 50px);
    background-color: #fff;
}
.task-wrap_oral-task-stroke .left .file-trl {
    width: 100%;
}
.task-wrap_trl-file-stroke .left .file-trl .file-trl_file-name a {
    display: block;
    width: 100%;
    height: 28px;
    border: 1px solid #ced4da;
    border-radius: 3px;
    line-height: 26px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #252525;
    font-size: 12px;
    transition: 0.2s;
}
.task-wrap_trl-file-stroke .left .file-trl .file-trl_file-name a:hover {
    background-color: #faefdb;
}
.file-trl_file-upload {
    display: flex;
    background-color: #fff;
}
.file-trl_file-upload .upload-file input {
    display: none;
}
.file-trl_file-upload .upload-file label {
    width: 50px;
    height: 28px;
    border-radius: 3px 0 0 3px;
    background-color: #959595;
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
    transition: 0.2s;
}
.file-trl_file-upload .upload-file label:hover {
    opacity: 0.93;
}
.file-trl_file-upload .btn-group {
    border: 1px solid #ced4da;
    border-left: none;
    border-radius: 0 3px 3px 0;
    height: 28px;
    line-height: 28px;
    width: calc(100% - 50px);
}
.file-trl_file-upload .btn-group a {
    height: 26px;
    line-height: 26px;
    padding-left: 5px;
    color: #252525;
    transition: 0.2s;
    width: 64px;
    text-align: left;
}
.file-trl_file-upload .btn-group a:hover {
    background-color: #faefdb;
}
.file-trl_file-upload .btn-group a i {
    margin-right: 4px;
}
.file-trl_file-upload .btn-group button {
    height: 26px;
    width: 20px;
    border-left: 1px solid #ced4da;
    line-height: 28px;
    color: #252525;
    transition: 0.2s;
}
.file-trl_file-upload .btn-group button:hover {
    background-color: #f4f4f4;
}
.file-trl_file-upload .btn-group button:focus {
    box-shadow: none;
}
.file-trl_file-upload .dropdown-menu {
    width: 80px;
    max-height: 160px;
    overflow-y: auto;
    padding: 10px 15px;

}
.file-trl_file-upload .dropdown-menu .dropdown-item {
    height: 24px;
    line-height: 16px;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #ebebeb;
    margin-bottom: 3px;
    width: 100%;
}
.task-wrap_trl-file-stroke .stroke-cover {
    width: 70px;
}
.task-wrap_trl-file-stroke .stroke-cover .form-check-inline {
    margin-right: 0;
}
.task-wrap_trl-file-stroke .stroke-cover .form-check-inline .form-check-input {
    margin: 0;
}
.inputs-stroke {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
    column-gap: 5px;
}
.inputs-stroke input {
    text-align: right;
}
.inputs-lable b {
    font-weight: normal;
    text-align: left;
    font-size: 11px;
}
.add-trl {
    display: flex;
}
.add-trl .left {
    padding-left: 10px;
    padding-right: 5px;
}
.add-trl .right {
    padding: 0 10px 0 5px;
}
.add-trl {
    padding: 15px 0;
    margin-right: -15px;
    margin-left: -15px;
    background-color: #deefff;
    border-top: 1px dashed #949597;
    position: relative;
}
.add-editor {
    background-color: #faefdb;
}
.add-trl:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0px;
    background-color: #fff;
}
.add-trl .left {
    display: grid;
    grid-template-columns: auto 50px;
    column-gap: 10px;
}
.add-trl .right {
    width: 57%;
}
.total-stroke {
    display: flex;
    width: 100%;
}
.total-stroke .left {
    width: 43%;
}
.total-stroke .right {
    width: 57%;
}
.total-stroke .left {
    display: grid;
    grid-template-columns: 100%;
}
.total-stroke .left textarea {
    height: 28px;
}
.total-stroke .right {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 50px;
    column-gap: 5px;
}
.total-stroke .right .input-group-prepend {
    width: 40px;
}
.total-stroke .right input {
    text-align: right;
    padding-right: 3px;
}
.task-wrap_oral-task-stroke {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.task-wrap_oral-task-stroke .left {
    width: 43%;
    display: grid;
    grid-template-columns: 1fr;
}
.task-wrap_oral-task-stroke .right .total-stroke {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 5px;
}
.task-wrap_oral-task-stroke .right .total-stroke .input-group-prepend {
    width: 50px;
}
.task-wrap_oral-task-stroke .task-coment-oral {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    margin-top: 10px;
}
.task-wrap_oral-task-stroke .task-coment-oral textarea {
    height: 28px;
}
.dropdown-trl-files .dropdown-menu {
    min-width: 300px;
    max-height: 300px;
    overflow-y: auto;
    padding: 10px;
}
.dropdown-trl-files .dropdown-menu .form-check label {
    padding-left: 7px;
    line-height: 16px;
    margin-bottom: 5px;
}
.dropdown-trl-files .dropdown-menu .form-check label i {
    color: #959595;
}
.task-wrap_trl-type .dropdown-options .dropdown-menu {
    width: 120px;
    max-height: 160px;
    overflow-x: auto;
    padding: 10px 15px;
}
.task-wrap_trl-type .dropdown-options .dropdown-menu a {
    font-size: 13px;
    color: #252525;
}
.raiting-modal .modal-footer,
.raiting-modal .modal-header {
    background-color: #fff;
    padding: 7px 15px;
    border: none;
}
.raiting-modal .modal-body {
    padding-top: 0;
    padding-bottom: 0;
}
.raiting-edit {
    font-size: 19px;
    display: flex;
    margin-bottom: 10px;
}
.raiting-edit .stars-wrap {
    margin-right: 15px;
}
.raiting-edit a {
    color: #959595;
}
.raiting-edit .stars-wrap a:hover,
.raiting-edit .stars-wrap .active {
    color: gold;
}
.fz-12 {
    font-size: 12px;
}
.stars-coment {
    font-size: 13px;
    line-height: 14px;
    color: #959595;
}
.stars-coment i {
    color: #ccc;
}
.stars-coment .active {
    color: gold;
}
.raiting-comment {
    width: 100%;
    height: 90px;
    margin-top: 30px;
}
/* ------------------------ Модальное окно для переводчика */
.modal-trl-info {
    min-width: 1700px !important;
}
.modal-trl-info .modal-body {
    display: grid;
    grid-template-columns: 1fr 460px 515px;
    gap: 15px;
    padding: 0;
}
.modal-trl_main {
    box-shadow: 10px 0 15px rgba(0,0,0,0.2);
}
.modal-trl_main .modal-trl_main-up-part {
    display: grid;
    grid-template-columns: 70px 1fr 200px;
    gap: 10px;
    padding: 15px 15px 0 15px;
}
.modal-trl_main-photo .photo-wrap {
    width: 100%;
    height: 90px;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 5px;
}
.modal-trl_main-photo .photo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.modal-trl_main-photo .send-msg a {
    display: block;
    width: 100%;
    height: 24px;
    background-color: #7ba600;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    transition: 0.2s;
    margin-bottom: 5px;
}
.modal-trl_main-photo .send-msg a:hover {
    background-color: #6e9205;
}
.profile-links a {
    display: block;
    display: flex;
    justify-content: space-between;
    background-color: #ebebeb;
    border-radius: 3px;
    color: #252525;
    margin-bottom: 5px;
    align-items: center;
    padding-left: 3px;
}
.profile-links a:hover {
    background-color: #dcdcdc;
}
.profile-links a img {
    width: 16px;
    height: 16px;
}
.modal-trl_main-info {}
.modal-trl_main-info h4 {
    font-weight: 600;
    color: #3f7bb7;
    margin-bottom: 0;
}
.modal-trl_main-info .trl-location {
    color: #626262;
    margin-bottom: 7px;
}
.modal-trl_main-info .modal-contact-list li {
    display: flex;
}
.modal-trl_main-info .modal-contact-list li span {
    width: 90px;
    color: #959595;
}
.modal-trl_main-info .modal-contact-list li b {
    font-weight: normal;
}
.stars-raiting {
    margin-top: -2px;
}
.stars-raiting .stars-wrap {
    display: flex;
    justify-content: end;
    font-size: 19px;
}
.stars-raiting .stars-wrap .fa {
    color: #959595;
    margin-right: 3px;
}
.stars-raiting .stars-wrap .active {
    color: gold;
}
.stars-raiting .stars-wrap b {
    font-weight: normal;
    font-size: 16px;
    margin-left: 10px;
}
.orders-completed {
    color: #959595;
    margin-bottom: 7px;
}
.orders-completed b {
    color: #252525;
    font-weight: normal;
}
.raiting-stats li {
    display: flex;
    justify-content: space-between;
    color: #959595;
}
.raiting-stats li b {
    font-weight: normal;
    color: #252525;
}
.modal-trl_main-middle-part {
    margin: 15px 0;
    padding: 15px;
}
.modal-trl_main-middle-part .trl-type_wrap {
    display: flex;
    flex-wrap: wrap;
}
.trl-type {
    display: flex;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 20px;
    margin-bottom: 5px;
}
.modal-trl_main-middle-part .trl-type_wrap .trl-type {
    margin-right: 10px;
}
.trl-type div:first-child {
    border-radius: 3px 0 0 3px;
}
.trl-type div:last-child {
    border-radius: 0 3px 3px 0;
}
.trl-type .trl-type_name {
    background-color: #78a701;
    color: #fff;
    padding: 0 3px;
}
.trl-type .trl-type_lang {
    background-color: #e8c100;
    color: #252525;
    padding: 0 3px;
}
.trl-type .trl-type_price {
    background-color: #dfdfdf;
    color: #252525;
    padding: 0 3px;
}
.trl-type .trl-type_memory {
    background-color: #de4b39;
    color: #fff;
    padding: 0 3px;
}
.trl-comment-wrap .trl-comment {
    height: 120px;
    border-radius: 0 0 3px 3px;
    background-color: #fff;
}
.payment-list, .dogovor-whith-list {
    width: 100%;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ebebeb;
    border-radius: 0 0 3px 3px;
    border-top: none;
    margin-bottom: 0px;
}
.dogovor-whith-list {
  margin-top: 3px;
}
.payment-list li, .dogovor-whith-list li {
    list-style: none;
}
.trl-comment-wrap .nav {

}
.trl-comment-wrap .nav-item {
    width: 20%;
}
.trl-comment-wrap .nav-item .nav-link {
    text-align: center;
    padding: 4px 0;
    background-color: #f4f4f4;
    color: #959595;
    font-size: 12px;
    border-radius: 5px 5px 0 0;
}
.trl-comment-wrap .nav-item .nav-link.active {
    background-color: #fff;
    color: #252525;
    box-shadow: 0 -5px 9px rgba(0,0,0,0.07);
}
.modal-trl_main-bottom-part {
    padding: 0 15px 10px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.modal-trl_main-bottom-part .trl-comment-wrap {
    margin-top: 20px;
}
.types-of-trl_wrap {
    display: flex;
    flex-wrap: wrap;
}
.types-of-trl {
    width: 32%;
    display: flex;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 5px;
    margin-right: 1%;
}
.types-of-trl div:last-child {
    border-radius: 0 3px 3px 0;
}
.types-of-trl div:first-child {
    border-radius: 3px 0 0 3px;
}
.types-of-trl .types-of-trl_name {
    background-color: #f4f4f4;
    padding: 0 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.types-of-trl .types-of-trl_raiting {
    display: flex;
    justify-content: flex-end;
    padding: 0 3px;
    background-color: #f4f4f4;
    font-size: 11px;
}
.types-of-trl .active {
    background-color: #a9cf55;
}
.arrow-up {
    color: #a9cf55;
}
.arrow-down {
    color: #dc4b3a;
}
.modal-trl_calendar {
    padding: 15px 15px 15px 0;
}
.modal-trl_calendar_days-of-work {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 7px;
    margin-bottom: 10px;
}
.modal-trl_calendar_days-of-work .form-check-input {
    width: 22px;
    height: 22px;
}
.modal-trl_calendar_days-of-work .form-check-inline {
    margin-right: 0;
}
.modal-trl_calendar_days-of-work .form-check-inline:hover {
    background: #ededed;
}
.modal-trl_calendar_days-of-work .form-check {
    padding: 1px 0 1px 5px;
    border-radius: 3px;
}
.modal-trl_calendar_days-of-work .form-check .form-check-label {
    width: 100%;
    line-height: 22px;
}
.comment-wrap {
    display: grid;
    grid-template-rows: 32px 600px 32px;
    border-radius: 3px;
    border: 1px solid #ebebeb;
}
.comment-wrap_header {
    /*background-color: #f6f6f6; */
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #ebebeb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
}
.comment-wrap_header .yes {
    color: #a9cf55;
}
.comment-wrap_header .no {
    color: #dc4b3a;
}
.comment-wrap_body {
    overflow-y: auto;
    height: 100%;
}
.comment-wrap_footer {
    background-color: #ebebeb;
    padding: 2px;
    box-shadow: 0 -5px 5px rgba(0,0,0,0.3);
}
.comment-wrap_footer textarea {
    border-radius: 0;
    height: 62px;
}
.comment-wrap_footer .btn-28 {
    background-color: #7ba600;
}
.modal-trl_main-bottom-part .add-files {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    border: 1px solid #ebebeb;
    border-top: 0;
}
.trl-file-download {
    display: flex;
    margin-right: 10px;
}
.trl-file-download .file-download {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border-radius: 3px 0 0 3px;
    margin-bottom: 5px;
    background-color: #e5e5e5;
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #252525;
    padding: 0 5px 0 10px;
    transition: 0.2s;
}
.trl-file-download a .fa {
    color: #959595;
}
.trl-file-download .file-delete {
    display: inline-block;
    height: 28px;
    width: 28px;
    border-radius: 0 3px 3px 0;
    text-align: center;
    line-height: 28px;
    background-color: #ccc;
    color: #fff !important;
    transition: 0.2s;
}
.trl-file-download .file-delete .fa {
    color: #fff;
}
.trl-file-download .file-delete:hover {
    background-color: #c43527;
}
.trl-file-download a:hover {
    background-color: #ccc;
}
.modal-trl_comment {
    padding: 15px 0;
}
.comment-read {
    width: 100%;
    padding: 10px;
}
.comment-read .comment-read_text {
    border-radius: 3px 3px 0 0;
    /*background-color: #f9f9f9;
    padding: 7px 15px; */
}
.comment-read .comment-read_date {
    /*background-color: #e5e5e5; */
    border-radius: 0 0 3px 3px;
    padding: 3px 7px 0 7px;
    display: flex;
    justify-content: space-between;
    color: #555;
}
.comment-read .comment-read_date .date {
    font-size: 12px;
    display: flex;
    line-height: 23px;
    color: #aaa;
}
.comment-read .comment-read_date .date button {
    background: #fff;
    transition: 0.2s;
    border-radius: 3px;
}
.comment-read .comment-read_date .date button:hover {
    background: #ebebeb;
}
.comment-read .comment-read_date .likes .no {
    color: #c43527;
}
.comment-read .comment-read_date .likes .yes {
    color: #579123;
}
.modal-trl_calendar textarea {
    height: 42px;
}
.modal-trl_calendar .modal-trl_calendar-btn {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.calendar-comment {
    margin-top: 15px;
}
.calendar-comment .calendar-comment_header {
    height: 21px;
    background-color: #dbdbdb;
    border-radius: 3px 3px 0 0;
    display: flex;
    padding-left: 10px;
    display: flex;
    justify-content: space-between;
}
.calendar-comment .calendar-comment_header a {
    width: 30px;
    background-color: #ccc;
    color: #fff;
    display: inline-block;
    text-align: center;
}
.calendar-comment .calendar-comment_header a:hover {
    background-color: #c43527;
}
.calendar-comment .calendar-comment_body {
    padding: 5px 10px;
    background-color: #f4f4f4;
    border-radius: 0 0 3px 3px;
}
/* ------------------------ Модальное окно для переводчика */



/* ------------------------------------ Плашка переводчика */
.trl-card {
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    display: grid;
    grid-template-columns: 32px 68px 300px 1fr 1fr 460px;
    gap: 10px;
    font-size: 13px;
    margin-bottom: 20px;
}

.cert-result-in-comment {
    font-size: 13px;
    margin-top: 10px;
    display: grid;
    grid-template-columns: 1fr 24px;
    gap: 5px;
}
.cert-result-in-comment a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #959595;
    border-radius: 4px;
    border: 1px solid #ebebeb;
    transition: 0.2s;
    text-decoration: none;
}
.cert-result-in-comment a:hover {
    background: #ebebeb;
    color: #333;
    text-decoration: none;
}
.cert-result-in-comment .cert-wrap {
    border-radius: 4px;
    border: 1px solid #e8c100;
    background: #fff;
}
.cert-result-in-comment .cert-arhive-wrap .cert-wrap {
    margin-top: 15px;
}
.cert-result-in-comment .cert-wrap .header {
    height: 20px;
    padding: 0 7px;
    line-height: 20px;
    border-radius: 4px 4px 0 0;
    background: #e8c100;
    display: flex;
    justify-content: space-between;
}
.cert-result-in-comment .cert-wrap .body {
    padding: 5px 7px;
}

.trl-card.trl-card_small {
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    display: grid;
    grid-template-columns: 32px 68px 1fr !important;
    gap: 10px;
    font-size: 13px;
    margin-bottom: 20px;
}


.trl-card .trl-card_nav {
    background-color: #eeddc9;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    padding-top: 5px;
}
.trl-card .trl-card_nav a {
    display: block;
    color: #959595;
    text-align: center;
    transition: 0.2s;
}
.trl-card .trl-card_nav a:hover {
    background-color: #e4ccb0;
    color: #424242;
}
.trl-card_nav .trl-card_nav-top input[type="checkbox"] {
    width: 18px;
    height: 18px;
}
.trl-card_nav .trl-card_nav-top .active {
    color: #588f27;
}

.trl-card_nav .trl-card_nav-top .not-active {
    color: orange;
}

.trl-card .trl-card_photo {
    padding-top: 5px;
}
.trl-card .trl-card_photo .photo-wrap {
    width: 100%;
    height: 84px;
    overflow: hidden;
    margin-bottom: 1px;
}
.trl-card .trl-card_photo .photo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.trl-card .trl-card_photo .profile-links {
    font-size: 12px;
}
.trl-card .trl-card_photo .profile-links a {
    border-radius: 0;
    margin-bottom: 1px;
    position: relative;
}
.profile-links.profile-links-end-line a:last-of-type {
    margin-bottom: 16px;
    position: relative;
}
.profile-links.profile-links-end-line a:last-of-type::after {
    content: "";
    display: block;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #888;
}
.on-off-trl-status {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    margin-top: 3px;
}
.on-off-trl-status .on-off-trl-status_wrap {
    background: #f9f9f9;
    text-align: center;
    color: #ccc;
    height: 16px;
    font-size: 9px;
    line-height: 16px;
}
.on-off-trl-status .on-off-trl-status_wrap.active {
    color: #78a701;
    background: #ebebeb;
    font-weight: bold;
}
.on-off-trl-status .on-off-trl-status_wrap:first-child {
    border-radius: 3px 0 0 3px;
}
.on-off-trl-status .on-off-trl-status_wrap:last-child {
    border-radius: 0 3px 3px 0;
}
.trl-card_contacts .trl-name {
    display: inline-block;
    font-size: 16px;
    color: #407bb9;
    font-weight: 700;
    margin-bottom: 5px;
    transition: 0.2s;
}
.trl-card_contacts .trl-name:hover {
    color: #3a6fa7;
}
.trl-card_contacts .trl-card-contacts_lists {
    color: #626262;
}
.trl-card_contacts .trl-card-contacts_lists li {
    list-style: none;
}
.trl-card_contacts .trl-card-contacts_lists .fa {
    color: #c8c8c7 !important;
    margin-right: 7px;
}
.trl-card_raiting {
    text-align: right;
}
.trl-card_raiting ul {
    padding-left: 60px;
    margin-bottom: 0;
}
.trl-card_raiting li {
    list-style: none;
    color: #626262;
    display: flex;
    justify-content: space-between;
}
.trl-card_raiting .position {
    color: #9d9d9d;
    font-size: 14px;
}
.trl-card_raiting .position b {
    color: #555;
}
.trl-card_raiting .stars {
    color: #959595;
}
.trl-card_raiting .stars .active {
    color: gold;
}
.trl-card_raiting .orders-comlete {
    color: #555;
}
.trl-card_raiting .orders-comlete .yes {
    color: #588f27;
}
.trl-card_raiting .orders-comlete .no {
    color: #c43527;
}
.trl-card_types {
    background-color: #f4f4f4;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    padding: 5px 10px;
}
.trl-card_types .trl-type_wrap {
    display: flex;
    flex-wrap: wrap;
}
.trl-card_types .trl-type_wrap .trl-type {
    margin-right: 5px;
}
.trl-card_subjects .types-of-trl_wrap {
    align-content: baseline;
    width: 100%;
    padding-top: 5px;
}
.trl-card_docs {
    background-color: #f4f4f4;
    border-left: 1px solid #ebebeb;
    padding: 5px;
}
.trl-card_docs hr {
    margin-top: 3px;
    margin-bottom: 10px;
}
.trl-card_docs .files-wrap {
    display: flex;
}
.trl-card_docs .files-wrap a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 12px;
    background-color: #929292;
    margin-right: 5px;
    margin-bottom: 5px;
    color: #fff;
    border-radius: 3px;
    transition: 0.2s;
}
.trl-card_docs .files-wrap a:hover {
    background-color: #858585;
}
.lk-options-files {
    display: grid;
    /* grid-template-columns: 120px 1fr;
     gap: 15px; */
}
.lk-options-files .input-file-btn label {
    width: 100%;
    height: 28px;
    text-align: center;
    background-color: #f4f4f4;
    color: #252525;
    border: 1px solid #e1e1e1;
}
.lk-options-files .input-file-btn label:hover {
    background-color: #e1e1e1;
}
.lk-options-attached-file {
    display: grid;
    grid-template-columns: 1fr 50px;
    gap: 10px;
    margin-bottom: 10px;
}
.lk-options-attached-file:last-child {
    margin-bottom: 0;
}
.lk-options-attached-file .file-download {
    display: block;
    width: 100%;
    height: 28px;
    line-height: 28px;
    background-color: #fff;
    color: #252525;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.lk-options-attached-file .file-download:hover {
    background-color: #f4f4f4;
}
.lk-options-attached-file .btn-50:hover {
    background-color: #dd4b39;
}
.warning-block {
    display: flex;
    align-items: center;
    flex-direction: row;
    border-radius: 5px;
    padding: 10px 15px;
    width: 100%;
    min-height: 70px;
    background-color: #f3e4cc;
    background-image: url(../images/src/warning.png);
    background-repeat: no-repeat;
    background-position: 15px 50%;
    padding-left: 85px;
    margin-bottom: 15px;
}
.warning-block_work-galery {
    width: 400px;
}
.warning-block_work-galery .photo-wrap {
    height: 65px;
}
.working-lang-trl {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap:10px;
    margin-bottom: 15px;
}
.working-lang-trl .working-lang-trl_price {
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    padding: 5px 15px;
    display: flex;
    justify-content: space-between;
}
.working-lang-trl .working-lang-trl_price span {
    font-weight: normal;
}
.working-lang-trl_memmory {
    display: flex;
    align-items: center;
}
.working-lang-trl_memmory .red {
    color: red;
}
.working-lang-trl_memmory .green {
    color: green;
}
.working-lang-trl_memmory .input-file-btn label {
    height: 32px;
    margin-right: 10px;
    line-height: 32px;
}
.pills-profile {

}
.pills-profile .nav-item {
    margin-right: 10px;
}
.pills-profile .nav-link.active {
    background-color: #eb7200;
}
.pills-profile .nav-link {
    color: #555;
    background-color: #f4f4f4;
}
.pills-profile .nav-link:hover {
    background-color: #959595;
    color: #fff;
}
.profile_add-photo {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 15px;
}
.sm-galery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 10px;
}
.sm-galery .photo-wrap {
    width: 100%;
    height: 83px;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 3px;
    filter: brightness(60%);
    transition: 0.2s;
}
.sm-galery .photo-wrap:hover {
    box-shadow: 0 0 12px rgba(0,0,0,0.12);
    filter: brightness(100%);
}
.profile_add-photo .sm-galery .photo-wrap {
    width: 100%;
    height: 83px;
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 3px;
}
.sm-galery .photo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.profile_add-photo .photo-wrap {
    width: 100%;
    height: 280px;
    border-radius: 5px;
    overflow: hidden;
}
.profile_add-photo .photo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.profile_add-photo .profile_add-photo-load {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.profile_add-photo .profile_add-photo-load .sm-galery {
    max-width: 300px;
}
.profile_add-photo .profile_add-photo-load label {
    color: #555;
    background-color: #f4f4f4;
    border: 1px solid #e1e1e1;
}
.profile_add-photo .profile_add-photo-load label:hover {
    background-color: #e1e1e1;
}
.profile_work-lang {
    background-color: #fbfbfb;
    border: 1px solid #e1e1e1;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}
.profile_work-lang .trl-type-checkbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.profile_work-lang .trl-type-checkbox .form-check {
    width: 46%;
}
.profile_work-lang .profile_work-lang-select {
    display: grid;
    grid-template-columns: 1fr 50px;
    gap: 10px;
}
.profile_work-lang .profile_work-lang-select .btn-50:hover {
    background-color: #dd4b39;
}
.profile-text-about {
    width: 100%;
    height: 600px;
    padding: 10px;
}
.del-pillow {
    position: absolute;
    top: 0;
    right: 0;
}
.del-pillow .btn-50 {
    border-radius: 0 5px 0 0;
}
.del-pillow .btn-50:hover {
    background-color: #dd4b39;
}
.work-exp-text {
    height: 120px;
}
.add-working-photo {
    display: flex;
    flex-direction: column;
}
.add-working-photo textarea {
    height: 60px;
}
.add-working-photo .btn-28 {
    background-color: #76a61c;
}
.working-photo_wrap {
    display: grid;
    grid-template-columns: 180px 1fr 50px;
    gap: 10px;
}
.working-photo_wrap .image {
    width: 100%;
    height: 120px;
    border-radius: 5px;
    overflow: hidden;
}
.working-photo_wrap .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.working-photo_wrap textarea {
    height: 120px;
}
.working-photo_wrap .btn-50 {
    margin-bottom: 10px;
}
.working-photo_wrap .btn-50:hover {
    background-color: #dd4b39;
}
.working-photo_wrap .save-photo {
    background-color: #959595;
    border-radius: 3px;
    display: block;
    color: #fff;
    height: 81px;
    width: 100%;
}
.working-photo_wrap .save-photo.active {
    background-color: #76a61c;
}
/* Разбивка файла на абзацы -------------------------------*/
.modal-cut-file {
    width: 1600px;
    max-width: 1600px;
}
.modal-cut-file .modal-body {
    display: grid;
    grid-template-columns: 530px 1fr;
    gap: 20px;
}
.modal-cut-file .modal-cut-file_left {
    background-color: #fefefe;
    max-height: 930px;
    overflow: auto;
}
.modal-cut-file .modal-cut-file_right .modal-cut-file_text {
    max-height: 900px;
    overflow-y: scroll;
    padding: 10px;
    border-radius: 0 0 3px 3px;
    border: 1px solid #ebebeb;
    border-top: none;
}
.modal-cut-file .modal-cut-file_right .modal-cut-file_header {
    border-radius: 5px 5px 0 0;
    background-color: #ccc;
    color: #555;
    min-height: 30px;
    font-weight: 700;
    padding: 5px 20px 0 10px;
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 15px;
}
.modal-cut-file_right .modal-cut-file_header input {
    height: 24px;
    border-radius: 2px;
    border: none;
    margin-top: -3px;
}
.modal-cut-file_right .modal-cut-file_header .cut-header_name h6 {
    margin-bottom: 0;
    max-width: 280px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0;
    font-weight: 700;
}
.cut-stroke {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap:15px;
    margin-bottom: 7px;
}
.cut-stroke:hover {
    background-color: #f4f4f4;
}
.cut-stroke .left .form-group input[type="checkbox"] {
    width: 16px;
    height: 16px;
}
.cut-stroke .left .form-group {
    height: 100%;
    margin-bottom: 0;
}
.cut-stroke .left .form-group label {
    padding-top: 3px;
    width: 100%;
    height: 100%;
}
.file-cut {
    margin-bottom: 10px;
}
.file-cut.active .file-cut_header {
    background-color: #76a61c;
    color: #fff;
}
.file-cut .file-cut_header {
    border-radius: 5px 5px 0 0;
    background-color: #ccc;
    color: #555;
    min-height: 30px;
    font-weight: 700;
    padding: 5px 10px 0 10px;
}
.file-cut .file-cut_header h6 {
    margin-bottom: 0;
    font-weight: 700;
}
.file-cut .file-cut_body {
    padding: 10px;
    border: 1px solid #ebebeb;
    border-radius: 0 0 5px 5px;
    background-color: #fcfcfc;
}
.file-cut .red {
    color: #dd4b39;
}
.file-cut .green {
    color: #76a61c;
}
.file-cut_wrap {
    border-radius: 5px;
    border: 1px solid #ebebeb;
    display: grid;
    grid-template-columns: 190px 1fr;
    margin-bottom: 10px;
}
.file-cut_wrap:last-child {
    margin-bottom: 0;
}
.file-cut_wrap .left {
    font-size: 12px;
    padding: 5px 10px;
}
.file-cut_wrap .left b {
    width: 170px;
    margin-top: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.file-cut_wrap .right .file-cut_nav {
    background-color: #eee;
    border-radius: 3px;
    height: 32px;
    line-height: 32px;
    margin: 2px 2px 2px 0;
    display: grid;
    grid-template-columns: 48px 1fr 150px;
    gap: 5px;
    margin-bottom: 5px;
    padding-right: 2px;
}
.file-cut_wrap .right .file-cut_nav:last-child {
    margin-bottom: 2px;
}
.file-cut_wrap .right .file-cut_nav .form-check {
    width: 48px;
    height: 32px;
}
.file-cut_wrap .right .file-cut_nav .form-check input[type="radio"] {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 28px;
    z-index: 2;
}
.file-cut_wrap .right .file-cut_nav .form-check input:checked + label {
    content: '';
    background-color: #f9b233;
    position: absolute;
    z-index: 1;
    height: 32px;
    width: 314px;
    border-radius: 3px;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

.file-cut_wrap .right .file-cut_nav .form-check label {
    width: 100%;
    height: 32px;
}
.file-cut_wrap .right .file-cut_nav .file-inputs {
    display: flex;
    justify-content: space-between;
    margin-top: 1px;
    z-index: 2;
}
.file-cut_wrap .right .file-cut_nav .file-inputs input {
    height: 30px;
    width: 46px;
    border-radius: 3px;
    text-align: center;
}
.file-cut_wrap .right .file-cut_nav .file-cut-btns {
    display: grid;
    grid-template-columns: 60px 40px 40px;
    gap:5px;
    z-index: 2;
}
.file-cut_wrap .right .file-cut_nav .file-cut-btns button {
    border-radius: 2px;
    height: 28px;
    width: 100%;
    color: #555;
    background-color: #ccc;
    margin-top: 2px;
    line-height: 28px;
}
.file-cut_wrap .right .file-cut_nav .file-cut-btns button:hover {
    background-color: #959595;
    color: #fcfcfc;
}
.file-cut_wrap .right .file-cut_nav .file-cut-btns .active {
    background-color: #76a61c;
    color: #fff;
}
/* Разбивка файла на абзацы -------------------------------*/
/* Список заказов  ----------------------------------------*/
.order-card {
    margin-bottom: 15px;
}
.order-card .order-card_header {
    display: grid;
    grid-template-columns: 26px 80px 170px 111px 210px 110px 1fr;
    column-gap: 10px;
    background-color: #eeddc9;
    height: 26px;
    border-radius: 3px 3px 0 0;
    line-height: 26px;
}
.order-card_header .order-card_header-check .form-check {
    padding-left: 0px;
}
.order-card_header .order-card_header-check input {
    width: 16px;
    height: 16px;
    margin-left: 10px;
}
.order-card_header .order-card_header-btns {
    padding-top: 1px;
    display: flex;
    justify-content: space-between;
}
.order-card_header .order-card_header-btns button {
    height: 24px;
    width: 24px;
    padding: 0;
    background-color: #dcc5a9;
    color: #fff;
    border-radius: 2px;
    line-height: 24px;
    transition: 0.2s;
}
.order-card_header .order-card_header-btns button:hover {
    background-color: #cda87a;
}
.order-card_header .order-card_header-manager {
    padding-top: 1px;
}
.order-card_header .order-card_header-manager .dropdown {
    font-size: 13px;
}
.order-card_header .order-card_header-manager .dropdown .dropdown-menu {
    font-size: 13px;
}
.order-card_header .order-card_header-manager .dropdown .dropdown-menu .dropdown-item {
    padding: 2px 10px;
}
.order-card_header .order-card_header-manager .dropdown button {
    width: 100%;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    text-align: left;
    background-color: #dcc5a9;
    transition: 0.2s;
}
.order-card_header .order-card_header-manager .dropdown button:hover {
    background-color: #cda87a;
}
.order-card_header .order-card_header-papers ul {
    padding: 0;
    margin: 0;
}
.order-card_header .order-card_header-papers ul li {
    display: inline-block;
    margin-right: 2px;
}
.order-card_header .order-card_header-papers ul li a {
    display: inline-block;
    background-color: #dcc5a9;
    height: 24px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 24px;
    color: #535353;
    transition: 0.2s;
    border-radius: 2px;
}
.order-card_header .order-card_header-papers ul li a:hover {
    background-color: #cda87a;
}
.order-card .order-card_body {
    display: grid;
    grid-template-columns: 360px 340px 1fr;
}
.order-card_body .order-card_body-textarea {
    display: grid;
    grid-template-columns: 20px 1fr;
}
.order-card_body .order-card_body-textarea textarea,
.order-card_body .order-card_body-textarea button {
    height: 100%;
    border-radius: 0;
}
.order-card_body .order-card_body-textarea button {
    padding: 0;
    background-color: #d6d6d6;
    color: #535353;
}
.order-card_body .order-card_body-textarea textarea {
    border-bottom: none;
    border-top: none;
}
.order-card_body-contacts .customer-name-stroke {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 10px;
}
.order-card_body-contacts .customer-name-stroke .custom-select {
    height: 22px;
    border-radius: 3px;
    padding: 0 0 0 3px;
}
.order-card .order-card_body {
    border: 1px solid #e1e1e1;
    border-top: none;
    border-radius: 0 0 3px 3px;
}
.order-card_body-contacts {
    padding: 5px;
}
.order-card_body-contacts .customer-name-stroke .customer_name {
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.order-card_body-contacts .customer-name-stroke .customer_name a {
    color: #407bb9;
}
.customer-name-stroke_contact .accordion {
    margin-top: 10px;
}
.customer-name-stroke_contact .accordion > .card:not(:last-of-type) {
    border-bottom: 1px solid #dfdfdf;
}
.customer-name-stroke_contact .accordion .card {
    border-radius: 3px;
    margin-top: 10px;
}
.customer-name-stroke_contact .accordion .card-header {
    padding: 0;
    background-color: #fff;
}
.customer-name-stroke_contact .accordion .card-header p button {
    color: #535353;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    height: 22px;
    line-height: 15px;
    transition: 0.2s;
}
.customer-name-stroke_contact .accordion .card-header p button:hover {
    text-decoration: none;
    background-color: #f4f4f4;
}
.customer-contact_lists {
    margin-bottom: 0;
}
.customer-contact_lists li {
    list-style: none;
}
.customer-contact_lists li .fa {
    margin-right: 7px;
    color: #ccc;
}
/*.order-card_body-details {*/
/*    background-color: #f6f4f2;*/
/*}*/
.customer-name-stroke_contact .accordion .card-body {
    padding: 10px;
}
.order-card_body-details .order-details {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    margin-bottom: 15px;
}
.order-card_body-details .order-details:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
.order-card_body-details .order-details:first-child {
    border-top: none;
}
.order-card_body-details .order-details_wrap {
    padding: 10px;
    display: grid;
    grid-template-columns: 24px 415px 270px 1fr;
    gap: 10px;
    background-color: #fff;
}
.order-details .order-details_save button {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    padding: 0;
}
.order-card_body-textarea button.active,
.order-details .order-details_save button.active {
    background-color: #82b016;
    color: #fff;
}
.order-details_wrap .order-details_info .order-details_info-trl {
    display: grid;
    grid-template-columns: 60px 22px 1fr;
    gap: 10px;
}
.order-details_info .order-details_info-trl select,
.order-details_info .order-details_info-trl button,
.order-details_info .order-details_info-trl input {
    height: 28px;
    border-radius: 3px;
    line-height: 28px;
    padding: 0;
}
.order-details_info .order-details_info-trl button {
    background-color: #d6d6d6;
    transition: 0.2s;
}
.order-details_info .order-details_info-trl button:hover {
    background-color: #ccc;
}
.order-details_info .order-details_info-date {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 10px;
    margin-top: 10px;
}
.order-details_info-date .order-details_price {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px;
}
.order-details_info-date input {
    height: 28px;
    border-radius: 3px;
}
.order-details_info-date .order-details_price .form-group {
    position: relative;
    margin-bottom: 0;
}
.order-details_info-date .order-details_price .form-group label {
    position: absolute;
    top: -6px;
    left: 3px;
    background-color: #fff;
    padding: 0 4px;
    font-size: 11px;
    height: 12px;
    line-height: 12px;
    color: #a0a0a0;
}
.order-details_info-date .order-details_price .form-group input {
    text-align: right;
    padding: 0 3px 0 0;
}
.order-details_wrap .order-details_save button {
    background-color: #d6d6d6;
    color: #535353;
}
.order-details_wrap .order-details_text textarea {
    width: 100%;
    height: 100%;
    border-radius: 3px;
}
.order-details_files .files-wrap {
    border-radius: 3px;
    background-color: #f4f4f4;
    display: grid;
    grid-template-columns: 230px 1fr;
    margin-bottom: 8px;
}
.order-details_files .files-wrap.final-file {
    grid-template-columns: 1fr;
}
.order-details_files .files-wrap.final-file a {
    display: flex;
    width: 100%;
    height: 28px;
    border-radius: 3px;
    line-height: 28px;
    padding-left: 10px;
    padding-right: 10px;
    color: #535353;
    transition: 0.2s;
}
.order-details_files .files-wrap.final-file a:hover {
    background-color: #ebebeb;
}
.order-details_files .files-wrap.final-file a .file-name_type {
    width: 44px;
}
.order-details_files .files-wrap:last-child {
    margin-bottom: 0;
}
.order-details_files .files-wrap .files-wrap_original {
    border-radius: 3px;
    height: 28px;
    background-color: #f4f4f4;
}
.order-details_files .files-wrap .files-wrap_translate {
    display: grid;
    grid-template-columns: 1fr 40px;
    gap: 10px;
}
.order-details_files .files-wrap .files-wrap_translate .download-v {
    padding: 2px;
    flex-wrap: wrap;
}
.order-details_files .files-wrap .files-wrap_translate .download-v a {
    margin: 0 1px 1px 1px;
    color: #fff;
    line-height: 24px;
    transition: 0.2s;
}
.order-details_files .files-wrap .files-wrap_translate .download-v a:hover {
    background-color: #959595;
}
.order-details_files .files-wrap .files-wrap_translate .file-done {
    border-radius: 3px;
    background-color: #b2b2b2;
    text-align: center;
    line-height: 28px;
    height: 28px;
}
.order-details_files .files-wrap .files-wrap_translate .file-production {
    background-color: #f49926;
}
.order-details_files .files-wrap .files-wrap_translate .file-complete {
    background-color: #82b016;
}
.order-details_files .files-wrap .files-wrap_translate .file-done b {
    font-weight: normal;
    color: #fff;
}
.files-wrap .files-wrap_original .file-name {
    display: flex;
    border-radius: 3px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px 0 10px;
    color: #535353;
    transition: 0.2s;
}
.files-wrap .files-wrap_original .file-name:hover {
    background-color: #ebebeb;
}
.files-wrap .files-wrap_original .file-name .file-name_type,
.order-details_files .files-wrap.final-file .file-name_type {
    display: flex;
    align-items: center;
    width: 60px;
    /*background-color: #b2b2b2;*/
    height: 13px;
    border-radius: 2px;
    margin-top: 8px;
    margin-right: 5px;
}
.files-wrap .files-wrap_original .file-name .file-name_type b,
.order-details_files .files-wrap.final-file .file-name_type b {
    font-size: 12px;
    color: #fff;
}
.files-wrap .files-wrap_original .file-name .file-name_type .fa,
.order-details_files .files-wrap.final-file .file-name_type .fa {
    margin-right: 3px;
}
.files-wrap .files-wrap_original .file-name .file-name_status {
    margin-right: 3px;
}
.files-wrap .files-wrap_original .file-name .file-name_name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.files-wrap_translate .download-v {
    display: flex;
}
.files-wrap_translate .download-v a {
    width: 36px;
    text-align: center;
    border-radius: 3px;
    display: block;
    background-color: #b2b2b2;
}
/* Список заказов  ----------------------------------------*/
/* Фильтр -------------------------------------------------*/
.filter-header {
    background-color: #f4f4f4;
    display: grid;
    margin-bottom: 20px;
}
.filter-header input,
.filter-header select,
.filter-header textarea {
    border-color: #d6d6d6;
    border-radius: 3px;
}
.filter-header input,
.filter-header select {
    height: 28px;
}
.filter-header select {
    padding: 0;
}
.filter-header input {
    padding-left: 5px;
}
.filter-header input:focus,
.filter-header input:active,
.filter-header select:focus,
.filter-header select:active {
    border-color: #959595;
}
.filter-header input:focus {
    border-left-width: 1px!important;
    border-left-style: solid!important;
}
.filter-header label {
    font-weight: 700;
    color: #535353;
    font-size: 12px;
}
.filter-header .pt-filter-21 {
    padding-top: 24px;
}
.filter-header button {
    height: 28px;
    border-radius: 3px;
}
.filter-header .btn-green {
    background-color: #7aa600;
    color: #fff;
    width: 100%;
    transition: 0.2s;
}
.filter-header .btn-green:hover {
    background-color: #709508;
}
.filter-header button:hover {
    background-color: #959595;
}
.filter-header .form-group {
    margin-bottom: 0;
}
.filter-translator {
    grid-template-columns: 660px 1fr;
}
.filter-header .f-col {
    padding: 5px 10px;
}
.filter-dark {
    background-color: #d6d6d6;
}
.filter-header .f-stroke {
    margin-bottom: 5px;
}
.filter-header .f-stroke:last-child {
    margin-bottom: 0;
}
.filter-header .f-stroke-3fr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
.f-subjects {
    display: grid;
    grid-template-columns: 1fr 160px 70px 54px;
    gap: 5px;
}
.f-stroke-trl-name {
    display: grid;
    grid-template-columns: 340px 180px 180px 99px 175px;
    gap: 7px;
}
.f-stroke-trl-checkbox {
    display: grid;
    grid-template-columns: 100px 85px 100px 100px 100px 100px 100px 100px 170px 1fr;
    gap: 5px;
}
.f-checkbox-wrap {
    height: 28px;
    padding-left: 3px;
}
.f-checkbox-wrap .form-group {
    border-radius: 3px;
    border: 1px solid #d6d6d6;
    background-color: #fff;
    padding-left: 24px;
}
.f-checkbox-wrap .form-check {
    height: 28px;
}
.f-checkbox-wrap .form-check input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-top: 5px;
    border: 1px solid #d6d6d6;
}
.f-checkbox-wrap .form-group label {
    width: 100%;
    height: 100%;
    line-height: 26px;
}
.filter-header .btn {
    background-color: #959595;
    width: 100%;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    transition: 0.2s;
}
.filter-header .btn:hover {
    background-color: #707070;
}
.f-subjects_modal {
    width: 100%;
    min-height: 28px;
    border-radius: 3px;
    background-color: #fff;
    display: grid;
    grid-template-columns: 1fr 26px;
    gap: 5px;
}
.f-subjects_modal .f-subjects_modal-link ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
.f-subjects_modal .f-subjects_modal-link ul li {
    font-size: 12px;
    height: 26px;
    border-radius: 3px;
    background-color: #959595;
    margin: 1px 0 0 1px;
    color: #fff;
    padding: 0 5px;
    line-height: 26px;
    list-style: none;
}
/* Фильтр -------------------------------------------------*/

/* Для модального окна с чат GPT */
.AI-translate-modal {

}
.AI-translate-modal .custom-select {
    height: 32px;
    font-size: 14px;
}
.AI-translate-modal .btn-50 {
    height: 32px;
    width: 100%;
}
.AI-translate-modal .btn-del:hover {
    background-color: #dd4b39;
}
.AI-translate-modal .btn-add:hover {
    background-color: #76a61c;
}
.AI-translate-modal .add-subjects {
    display: flex;
    flex-wrap: wrap;
}
.AI-translate-modal .add-subjects label {
    width: 33.3%;
    margin-bottom: 10px;
    transition: 0.2s;
    padding-right: 10px;
}
.AI-translate-modal .add-subjects label:hover {
    background-color: #f4f4f4;
    cursor: pointer;
}
.ai-translate-textarea {
    height: 100px;
    padding: 5px 10px;
}
.AI-translate-modal .send-btn {
    width: 100%;
    height: 32px;
    background: #4e7ac7;
}
/* Для модального окна с чат GPT */

/* Переработка стилей для внутреннего профиля переводчика 01.08.2024 */
.trl-profile-menu button,
.trl-profile-menu a {
    font-size: 12px;
}
.font-size-24 {
    font-size: 24px;
}
.trl-main-info-grid {
    display: grid;
    grid-template-columns: 120px 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}
.trl-language-pair {
    border-radius: 3px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}
.trl-language-pair_header {
    padding: 10px;
    background: #f4f4f4;
    border-bottom: 1px solid #ccc;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 70px;
    gap: 15px;
}
.trl-language-pair_body {
    padding: 10px;
}
.trl-language-pair_header .input-group .input-group-text {
    width: 45px;
}
.trl-language-pair_body .currency-wrap {
    display: grid;
    grid-template-columns: 62px 1fr 1fr 1fr;
    grid-gap: 15px;
    margin-bottom: 10px;
}
.trl-language-pair_body .working-lang_price {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 10px;
}
.trl-language-pair_body .currency-wrap .input-group-text {
    width: 85px;
}
.trl-language-pair_body .currency-wrap_name {
    height: 28px;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 0 7px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-outline-crm {
    background: #f4f4f4 !important;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #ccc;
    line-height: 28px;
    transition: 0.2s;
}
.btn-grey-crm {
    border-radius: 3px;
    line-height: 28px;
    background: #959595;
    transition: 0.2s;
    padding-left: 10px;
    padding-right: 10px;
}
.btn-grey-crm:hover {
    background: #707070;
}
.btn-outline-crm:hover {
    border-color: #959595;
    color: #959595;
}
.trl-contract {
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 10px 15px;
    margin-bottom: 10px;
}
.trl-contract_docs_header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.trl-contract_docs_header .contract_name {
    font-size: 16px;
}
.trl-contract_docs_header .contract_name .del-contract {
    display: inline-block;
    width: 32px;
    height: 21px;
    text-align: center;
    color: #707070;
    transition: 0.2s;
    border-radius: 3px;
}
.trl-contract_docs_header .contract_name .del-contract:hover {
    background: red;
    color: #fff;
}
.contract_attach {
    display: flex;
    justify-content: flex-end;
    /* align-items: baseline; */
}
.contract_attach .input-file label,
.trl-contract-options .input-file label {
    width: auto;
    margin-right: 0;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    border-radius: 3px;
    background: #f4f4f4;
    color: #707070;
    font-size: 12px;
    padding: 0 15px;
    transition: 0.2s;
}
.trl-contract-options .input-file label {
    width: 100%;
    background: #959595;
    color: #fff;
}
.trl-contract-options .btn-grey-crm {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}
.contract_attach .input-file input,
.trl-contract-options .input-file input {
    display: none;
}
.contract_attach .add-doc {
    height: 24px;
    border-radius: 3px;
    background: #f4f4f4;
    color: #707070;
    font-size: 12px;
    padding: 0 15px;
    transition: 0.2s;
}
.contract_attach .input-file label:hover,
.contract_attach .add-doc:hover {
    background: #959595;
    color: #fff;
}
.trl-contract-options .input-file label:hover {
    background: #707070;
}
.trl-contract-options {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 10px;
}
.trl-contract-options .right {
    text-align: right;
}
.trl-contract-options .right strong {
    font-size: 12px;
    vertical-align: text-bottom;
}
.trl-contract_docs_body .wrap {
    display: grid;
    grid-template-columns: 16px 130px 60px 36px 160px 1fr 1fr 20px 20px;
    gap: 15px;
    margin-top: 15px;
}
.trl-contract_docs_body .wrap .form-check-input {
    margin-right: 0;
    margin-top: 5px;
}
.trl-contract_docs_body .wrap .doc-status {
    width: 100%;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    background: #ebebeb;
    color: #707070;
    font-size: 12px;
    padding-left: 5px;
}
.trl-contract_docs_body .wrap .doc-status.active {
    background: #0f3874;
    color: #fff;
}
.trl-contract_docs_body .wrap .doc-download {
    display: flex;
    justify-content: space-between;
}
.trl-contract_docs_body .wrap .doc-download a {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 3px;
    text-align: center;
    transition: 0.2s;
}
.trl-contract_docs_body .wrap .doc-download a:hover {
    background: #f4f4f4;
}
.trl-contract_docs_body .wrap .ip-status {
    height: 24px;
    width: 100%;
    line-height: 24px;
    text-align: center;
    color: #707070;
    background: #f4f4f4;
    border-radius: 3px;
    font-size: 12px;
}
.trl-contract_docs_body .wrap .doc-name {
    font-size: 12px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
}
.trl-contract_docs_body .wrap .del-contract a {
    display: block;
    text-align: center;
    height: 24px;
    width: 100%;
    border-radius: 3px;
    line-height: 24px;
    color: #ccc;
    transition: 0.2s;
}
.trl-contract_docs_body .wrap .del-contract a:hover {
    background: red;
    color: #fff;
    border-radius: 3px;
}
.doc-send {
    display: grid;
    grid-template-columns: 80px 1fr;
}
.doc-send.inactive .doc-send_comment {
    color: #ccc;
}
.doc-send .doc-send_comment {
    height: 24px;
    width: 100%;
    line-height: 24px;
    border: 1px solid #ebebeb;
    border-left: none;
    font-size: 12px;
    border-radius: 0 3px 3px 0;
    color: #707070;
    padding-left: 7px;
}
.doc-send .doc-send_btn button:hover {
    background: #689513;
}
.doc-send .doc-send_btn button {
    width: 100%;
    height: 24px;
    padding-left: 10px;
    line-height: 24px;
    border-radius: 3px 0 0 3px;
    background: #76a61c;
    font-size: 12px;
    text-align: left;
    color: #fff;
    transition: 0.2s;
}
.doc-send.inactive button {
    background: #ebebeb;
}
.doc-send.inactive button:hover, 
.doc-send.inactive button:active {
    background: #ebebeb;
    cursor: auto;
}
.form-icon {
    background-repeat: no-repeat;
    background-position: 5px 50%;
    padding-left: 35px !important;
}
.form-whatsapp {
    background-image: url(../images/icons/contact-icon_whatsapp.png);
}
.form-skype {
    background-image: url(../images/icons/contact-icon_skype.png);
}
.form-tg {
    background-image: url(../images/icons/contact-icon_tg.png);
}
.form-wechat {
    background-image: url(../images/icons/contact-icon_wechat.png);
}
.trl-language-pair_body .contract-currency-sign {
    border: 1px solid #ccc;
    color: #333;
    background: #fff;
}
.fz-12 {
    font-size: 12px;
}
.input-file-sm-button label {
    width: auto;
    margin-right: 0;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    border-radius: 3px;
    background: #f4f4f4;
    color: #707070;
    font-size: 12px;
    padding: 0 15px;
    transition: 0.2s;
    font-weight: normal !important;
}
.input-file-sm-button label:hover {
    background: #707070;
    color: #fff;
}
.file-of-translator-wrap {
    display: flex;
    flex-wrap: wrap;
}
.file-of-translator {
    max-width: 240px;
    display: inline-block;
    margin: 10px 15px 0 0;
    overflow: hidden;
    display: grid;
    grid-template-columns: 24px 1fr;
}
.file-of-translator .file-to-del {
    display: block;
    height: 24px;
    width: 24px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px 0 0 3px;
    color: #333;
    transition: 0.2s;
}
.file-of-translator .file-to-del:hover {
    background: red;
    border-color: red;
    color: #fff;
}
.file-of-translator .file-to-download {
    display: block;
    height: 24px;
    line-height: 24px;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 100px;
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 0 3px 3px 0;
    border-left: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #333;
    transition: 0.2s;
}
.file-of-translator .file-to-download:hover {
    background: #f4f4f4;
    color: #000;
}
#WorkerCityField .btn-add-city {
    height: 28px;
    width: 24px;
    line-height: 26px;
    border: 1px solid #ebebeb;
    background: #f4f4f4;
    font-size: 12px;
    transition: 0.2s;
}
#WorkerCityField .btn-add-city.btn-add-minus {
    border-radius: 3px 0 0 3px;
    border-right: none;
}
#WorkerCityField .btn-add-city.btn-add-plus {
    border-radius: 0 3px 3px 0;
    border-left: none;
}
#WorkerCityField .btn-add-city.btn-add-minus:hover {
    background: red;
    color: #fff;
    border-color: red;
}
#WorkerCityField .btn-add-city.btn-add-plus:hover {
    background: green;
    color: #fff;
    border-color: green;
}
.puw-profile-update-worker .select2-container--krajee .select2-selection--single {
    height: 28px;
    padding: 3px 24px 3px 12px;
    border-radius: 0 3px 3px 0;
}
.puw-profile-update-worker .select2-container--krajee .select2-selection--single .select2-selection__arrow {
    height: 27px;
}
.puw-profile-update-worker .select2-container--krajee .select2-selection__clear {
    top: 0;
}
#WorkerCityField .select2-container--krajee .select2-selection--single {
    height: 28px;
    padding: 3px 24px 3px 12px;
    border-radius: 0 3px 3px 0;
}
#WorkerCityField .select2-container--krajee .select2-selection--single .select2-selection__arrow {
    height: 27px;
}
#WorkerCityField .select2-container--krajee .select2-selection__clear {
    top: 0;
}

/* Переработка стилей для внутреннего профиля переводчика 01.08.2024 */
/* Стили для страницы Заявок 07-11-2024 */
.btn-32 {
    display: inline-block;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    border-radius: 3px;
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
    background: #959595;
    color: #fff;
    transition: 0.2s;
}
.btn-32:hover {
    background: #999999;
    color: #fff;
}
.btn-32.active:hover {
    background: #64920d;
    color: #fff;
}
.btn-32.active {
    background: #76a61c;
}
.client-request {
    display: grid;
    grid-template-columns: 220px 240px 1fr 340px 220px 176px;
    gap: 10px;
    border: 1px solid #ebebeb;
    border-radius: 7px;
    padding: 5px 10px 5px 10px;
    margin-top: 20px;
    font-size: 12px;
    transition: 0.2s;
}
.client-request:hover {
    border-color: #ccc;
    box-shadow: 0 0 12px rgba(0,0,0,0.15);
}
.client-request .client-list {
    margin-bottom: 0;
}
.client-request .client-list li {
    display: grid;
    grid-template-columns: 70px 150px;
    gap: 5px;
}
.aligned-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.aligned-list li {
    display: grid;
    grid-template-columns: 210px 330px;
    align-items: self-start;
    margin-bottom: 10px;
}
.aligned-list .label-strong {
    width: 150px;
    font-weight: bold;
    margin-right: 10px;
    text-align: left;
}


.aligned-list .value-span {
    text-align: left;
    word-wrap: break-word;
}
.client-request .client-request_file {
    display: inline-block;
    border-radius: 3px;
    min-height: 20px;
    line-height: 20px;
    padding: 0 5px;
    background: #ebebeb;
    color: #333;
    transition: 0.2s;
}
.client-request .client-request_file:hover {
    background: #ccc;
    color: #000;
}
.client-request_navigate {
    display: grid;
    grid-template-columns: 1fr 0.6fr 24px;
    gap: 5px;
}
.client-request_navigate .btn-24 {
    border-radius: 3px;
    height: 24px;
    line-height: 24px;
    background: #959595;
    color: #fff;
    transition: 0.2s;
}
.client-request_edit-text {
    display: grid;
    grid-template-columns: 1fr 24px;
}
.client-request_edit-text .edit-text_view_options .btn-edit {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    background: #ebebeb;
    transition: 0.2s;
}
.client-request_edit-text .edit-text_view_options .btn-edit:hover {
    background: #ccc;
}
.client-request_edit-text .edit-text_view textarea {
    min-height: 160px;
    height: 100%;
    border-color: #ccc;
    border-radius: 3px 0 0 3px;
}
.client-request_edit-text .edit-text_view_options .btn-save {
    height: 100%;
    border-radius: 0 3px 3px 0;
    background: #76a61c;
    color: #fff;
}
.client-request_navigate .btn-24.btn-accept {
    background: #76a61c;
}
.client-request_navigate .btn-24.btn-denied {
    background: #dc3545;
}
.client-request_navigate .btn-24.btn-accept:hover {
    background: #709508;
}
.client-request_navigate .btn-24.btn-denied:hover {
    background: #c34141;
}
.checkbox-request {
    height: 24px;
    width: 24px;
    border-radius: 3px;
    background: #ebebeb;
    padding: 3px 0 0 3px;
}
.checkbox-request input[type="checkbox"] {
    width: 18px;
    height: 18px;
}
@media (max-width: 1860px) {
    .client-request {
        grid-template-columns: 220px 240px 1fr 340px 240px 176px;
    }
}
@media (max-width: 1700px) {
    .client-request {
        grid-template-columns: 180px 240px 1fr 300px 200px 176px;
    }
}
@media (max-width: 1540px) {
    .client-request {
        grid-template-columns: 180px 240px 1fr 300px 200px 140px;
    }
}
@media (max-width: 1470px) {
    .client-request {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 1000px) {
    .client-request {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .client-request {
        grid-template-columns: 1fr;
    }
}
/* Стили для страницы Заявок 07-11-2024 */
.talk-to-client-long-text {
    font-size: 14px;
}

.CommentInOrder-wrap .CommentInOrder-btn {
    width: 100%;
    height: 28px;
    line-height: 28px;
    background: #f4f4f4;
    border-radius: 7px;
    font-size: 14px;
    color: #707070;
}
.text-area-for-comment-in-order {
    box-sizing: border-box;
    padding: 10px;
    min-height: 80px;
    font-size: 14px;
}
.setting-grid_taxes-title {
  grid-template-columns: 70px 300px 200px 200px 200px 200px 200px 1fr;
}
.setting-grid_taxes {
  grid-template-columns: 70px 300px 200px 200px 200px 200px 1fr;
}

.trl-contract_docs_body .edit-btn a{
    display: block;
    line-height: 24px;
    height: 24px;
    width: 100%;
    border-radius: 3px;
    transition: 0.2s;
    text-align: center;
    font-size: 14px;
    background: #76a61c;
    color: #d5d5d5;
    border-radius: 3px;
}