@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: auto;
    }
}
html {
    scroll-behavior: auto !important;
}
body {
    -webkit-overflow-scrolling: touch;
    margin: 0 !important;
}

/* Service vehicles highlighting - red color for vehicles in service */
td[data-is-service="1"],
.td[data-is-service="1"],
.tr.bound .td[data-is-service="1"],
.td.car-clickable[data-is-service="1"],
.td.free-car[data-is-service="1"],
#wfRoadTrainsTable .td[data-is-service="1"],
#wfRoadTrainsTable .td.ellipsis[data-is-service="1"],
#wfRoadTrainsTable .td.tcell_open_min_modal[data-is-service="1"],
#wfTrailersTable .td[data-is-service="1"] {
    color: #ee0000 !important;
}
.login-screen {
    max-width: 400px;
}
.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text-ellipsis.te-line-1 {
    -webkit-line-clamp: 1;
}
.text-ellipsis.te-line-3 {
    -webkit-line-clamp: 3;
}
.text-ellipsis.te-line-4 {
    -webkit-line-clamp: 4;
}
.indicator-progress {
	display: none;
}
[data-wf-indicator=on] > .indicator-label,
[data-app-indicator=on] > .indicator-label {
	display: none !important;
}
[data-wf-indicator=on] > .indicator-progress,
[data-app-indicator=on] > .indicator-progress {
	display: inline-block;
}
a[data-fslightbox] ~ iframe {
    display: none;
}
img.thumbnail {
    width: 64px;
    height: 64px;
    object-fit: cover;
}

/* Vehicle gallery thumbnails */
.vehicle-gallery .images-grid img {
    width: 120px;
    height: 120px;
    object-fit: cover;
}

/* Vehicle form thumbnail images */
.upload-photo-container img.avatar {
    max-width: 200px;
    max-height: 200px;
    object-fit: contain;
}

/* Thumbnail items in modal */
.thumbnail-item .thumbnail-image {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
}
.modal_edit_min .input-group-append .btn[data-wf-indicator=on] > .indicator-progress,
.modal_edit_min .input-group-append .btn[data-app-indicator=on] > .indicator-progress {
    display: flex;
}
.notify.notify-notes {
	bottom: 20px;
  	left: 20px;
  	top: inherit;
  	right: inherit;
    z-index: 1051;
}
.page-wrapper .sidebar-wrapper .sidebar-menu {
    padding-bottom: 30px;
}
.page-wrapper .sidebar-wrapper .sidebar-brand .logo {
	padding: 5px 13px 5px 13px;
}
.page-wrapper .sidebar-wrapper .sidebar-brand .logo img {
    max-height: 38px;
}
.page-wrapper .sidebar-wrapper .sidebar-brand .logo span {
	color: white;
    padding: 0 0 0 17px;
}
.header-actions > li > a.user-settings span.user-name {
    max-width: 150px;
}
.header-profile-actions .header-user-profile h5 {
	padding: 0 10px;
    text-align: center;
    font-size: 0.9rem;
}
.header-actions > li > a.user-settings {
	padding: 0.315rem 1rem 0.315rem 1rem;
    margin: 0 -1rem 0 0;
}
.header-actions .dropdown-menu.show {
	right: 16px !important;
	top: -2px !important;
}
.wf_table thead {
	background: #eef0f5;
}
div.dataTables_wrapper div.dataTables_info {
	margin: 10px 0 0 0.6rem;
    line-height: 30px;
    padding: 0;
}
.dtfh-floatingparenthead:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #d3d9e0;
}
.dataTables_scrollBody .wf_table thead tr {
	border-width: 0;
}
.table > :not(:first-child) {
    border-top: 1px solid #d3d9e0;
}
.table th {
	border-bottom: 1px solid #d3d9e0;
}
div.dataTables_wrapper div.dataTables_length label {
	margin-bottom: 0;
}
.text_search_regexp {
    background: rgb(238 0 0 / 25%);
}
.table .td-actions a.icon i {
	margin: 1px 0 0;
}
.wf_table_header_th_field_name_inner {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.wf_table_header_th_field_name_inner_text {
	margin: 0 4px 0 0;
    white-space: nowrap;
}
.wf_table_header_th_field_name_inner_icons {
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.wf_table_header_th_field_name_inner_icon_filter_wrapper {
	display: block;
    cursor: pointer;
}
.wf_table_header_th_field_name_inner_icon_filter_active {
	display: none;
}
.wf_table_header_th_field_name_inner_icon_filter_wrapper_active .wf_table_header_th_field_name_inner_icon_filter {
    display: none;
}
.wf_table_header_th_field_name_inner_icon_filter_wrapper_active .wf_table_header_th_field_name_inner_icon_filter_active {
    display: inline-block;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
	bottom: 2em;
}
.filter_box_filter_wrapper {
	position: absolute;
    width: 280px;
    font-weight: normal;
    text-align: left;
    background: white;
    border-radius: 8px;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 12%), 0px 8px 8px rgb(0 0 0 / 12%);
    display: block;
    z-index: 4;
}
.filter_box_filter_section {
	padding: 12px;
	width: 100%;
	position: relative;
	display: block;
    float: left;
}
.filter_box_filter_section + .filter_box_filter_section {
    border-top: 1px solid #dddddd;
}
.filter_box_filter_section_footer {
    text-align: center;
}
.filter_box_filter_section_footer .btn {
    width: 110px;
}
.filter_box_filter_search {
	font-size: 12px;
    padding: .375rem 1.75rem .375rem .75rem;
    background: white;
}
.filter_box_filter_search_icon {
	display: block;
    position: absolute;
    right: 14px;
	top: 12px;
    padding: 0 9px 0 14px;
    height: 31px;
    line-height: 33px;
}
.form-check {
    margin-bottom: .5rem;
    min-height: 1px;
}
.filter_box_filter_section .form-check:last-child {
    margin-bottom: 0;
}
.form-check-input {
    /*margin-top: 0;*/
    cursor: pointer;
}
.form-check-label {
    margin-bottom: 0;
    cursor: pointer;
}
.filter_box_items_empty_data {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    text-align: center;
}
.filter_box_filter_section_items_inner {
    max-height: 96px;
    display: block;
}
.filter_box_filter_section_items .slimScrollDiv {
    max-height: 96px;
}
.nav-link:not(.active) {
    cursor: pointer;
}
.wf_input_group_text_flex_start {
    width: 50px;
}
.wf_input_group_count_1 .input-group-prepend {
    display: none;
}
.required:after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: #ee0000;
    padding-left: 0.25rem;
    font-weight: 700;
}
.select2-container {
    max-width: 100%;
}
.custom-table thead th {
    border: 1px solid #d3d9e0;
}
.form-control {
    height: 34px;
}
textarea.form-control.modal_add_crm_task_text,
textarea.form-control.modal_crm_agreement_negative_reason {
    height: 68px;
}
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    min-height: 34px;
    height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
    padding: 0 0.75rem;
}
.select2-results__option {
    padding: 0.4rem 0.75rem;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background: #e9ecef;
}
.breadcrumb .breadcrumb-item a:hover {
    color: #0a58ca;
}
.modal_user_role_remove_role_name {
    font-weight: bold;
}
.modal {
    z-index: 1081;
}
.modal_confirm {
    z-index: 1100;
}
.select2-dropdown {
    z-index: 1082;
}
.modal .select2-container {
    width: 100% !important;
}
.modal .input-group > .select2.select2-container {
    position: relative;
    flex: 1 1 auto;
    width: 1% !important;
    min-width: 0;
}
/* Match dropdown width to select field width for reminder modal */
#wf_modal_add_reminder .select2-dropdown {
    min-width: auto !important;
}
/* Styled scrollbar for Select2 dropdown */
#wf_modal_add_reminder .select2-results__options {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}
#wf_modal_add_reminder .select2-results__options::-webkit-scrollbar {
    width: 6px;
}
#wf_modal_add_reminder .select2-results__options::-webkit-scrollbar-track {
    background: transparent;
}
#wf_modal_add_reminder .select2-results__options::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}
#wf_modal_add_reminder .select2-results__options::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.3);
}
#wfUsersTable .avatar {
    display: inline-block;
    margin: 0 0.5rem 0 0;
}
.header-actions > li > a.user-settings .avatar > img,
.header-profile-actions .header-user-profile .header-user img,
.modal_edit_user .avatar {
    border-radius: 30% !important;
}
.wf_td_pt_0 {
    padding: 0 !important;
}
.wf_table tbody input[type="text"] {
    background: transparent !important;
    border: 1px solid transparent;
}
.wf_table tbody input[type="text"]:focus {
    border: 1px solid #ee0000;
}
table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before,
table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
    top: 50%;
    bottom: initial;
    transform: translateY(-50%);
}
.dataTables_scrollBody table.dataTable.table-sm .sorting:before,
.dataTables_scrollBody table.dataTable.table-sm .sorting_asc:before,
.dataTables_scrollBody table.dataTable.table-sm .sorting_desc:before,
.dataTables_scrollBody table.dataTable.table-sm .sorting:after,
.dataTables_scrollBody table.dataTable.table-sm .sorting_asc:after,
.dataTables_scrollBody table.dataTable.table-sm .sorting_desc:after {
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}
table.dataTable.wf_table th {
    vertical-align: middle;
}
.datatable_edit_btn {
    cursor: pointer;
}
table.dataTable.wf_table {
    width: 100%;
}
table.dataTable.wf_table thead th {
    background: #eef0f5;
}
#wfUserRolesTable_length,
#wfUserRoleDataTypesTable_length,
#wfUsersTable_length {
    display: none !important;
}
#wfUserRolesTable_info,
#wfUserRoleDataTypesTable_info,
#wfUsersTable_info {
    margin: 10px 0 0 !important;
}
.error-screen {
    color: #333;
}
.wf_table_sm th,
.wf_table_sm td {
    padding: 2px 3px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
}
.dataTable.table-striped td {
    background: transparent;
}

/*.dataTable.table-striped > tbody > tr:nth-of-type(even):not(.row-highlight-green):not(.row-highlight-pink) > td {*/
/*    !*background: #f7f7f7;*!*/
/*    background: #ffffff;*/
/*}*/

.dataTable.table-striped tbody tr:nth-of-type(odd):not(.row-highlight-green):not(.row-highlight-pink),
.dataTable.table-striped tbody tr:nth-of-type(odd):not(.row-highlight-green):not(.row-highlight-pink) > td {
    background: transparent !important;
    box-shadow: none !important;
}

/* sh */

.dataTable.table-striped tbody tr:nth-of-type(odd) {
    position: relative;
    z-index: 1;
}
/* .dataTable.table-striped tbody tr:nth-of-type(odd):hover {
    box-shadow: 10px 5px 5px rgb(51, 50, 50) !important;
} */
/* sh */
table.dataTable.table-sm > thead > tr > th {
    padding-right: .4rem;
}
table.dataTable.table-sm.wf_table_sm > thead> tr > th {
    padding-right: 3px;
}
table.dataTable.table-sm.wf_table_sm > thead> tr > th.sorting {
    padding-right: 20px;
}
/** WF Table Custom on TABLE tag ****************************************************/
.wf_table_custom {
    overflow: auto;
}
.wf_table_custom tbody {
    border-width: 0!important;
}
.wf_table_custom tr {
    display: flex;
    border-width: 0;
}
.wf_table_custom th {
    border-bottom-width: 0;
    text-align: center;
}
.wf_table_custom th,
.wf_table_custom td {
    display: flex;
    flex: 5;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-word;
}
.wf_table_custom th.ellipsis,
.wf_table_custom td.ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.wf_table_custom th,
.wf_table_custom td {
    height: 30px;
    font-size: 12px;
    line-height: 16px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.wf_table_custom th,
.wf_table_custom.table-sm th,
.wf_table_custom td,
.wf_table_custom.table-sm td {
    padding: .3rem .4rem;
}
.wf_table_custom tr.empty {
    border-top-width: 1px;
}
.wf_table_custom tr.empty td {
    border-top-width: 0;
}
.wf_table_custom th.action,
.wf_table_custom td.action {
    flex: 0 80px;
}
.wf_table_custom th[data-field="number"],
.wf_table_custom td[data-field="number"] {
    flex: 6;
}
.wf_table_custom td[data-field="number"] {
    justify-content: flex-start;
    text-align: left;
}
.wf_table_custom th small {
    display: contents;
    white-space: nowrap;
}
/** WF Table Custom on DIV tag ******************************************************/
.wf_table_custom {
    overflow: auto;
}
.wf_table_custom .slimScrollDiv {
    border-top: none;
    border-bottom: 1px solid #d3d9e0;
}
.wf_table_custom:not(.slimScrollDivCSSNotCustomHeight) .slimScrollDiv {
    height: calc(100vh - 176px) !important;
}
.wf_table_custom div.tr {
    display: flex;
}
.wf_table_custom div.th,
.wf_table_custom div.td {
    display: flex;
    flex: 1;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-word;
}
.wf_table_custom div.th.ellipsis,
.wf_table_custom div.td.ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.wf_table_custom div.th,
.wf_table_custom div.td {
    height: 40px;
    font-size: 12px;
    line-height: 16px;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.wf_table_custom div.th,
.wf_table_custom div.td {
    padding: .3rem .4rem;
}
.wf_table_custom div.th[data-field="checkbox"],
.wf_table_custom div.td[data-field="checkbox"],
.wf_table_custom div.th[data-field="num"],
.wf_table_custom div.td[data-field="num"] {
    flex: 0 35px;
}
/*
.wf_table_custom div.th[data-field="number"],
.wf_table_custom div.td[data-field="number"] {
    flex: 0 100px;
}
*/
/** WF Table Custom *****************************************************************/
.wf_table_custom th[data-field="thumbnail"],
.wf_table_custom td[data-field="thumbnail"],
.wf_table_custom .th[data-field="thumbnail"],
.wf_table_custom .td[data-field="thumbnail"] {
    flex: 0 40px;
    padding-left: 0;
    padding-right: 0!important;
}
.wf_table_custom td[data-field="thumbnail"] img,
.wf_table_custom .td[data-field="thumbnail"] img,
.wf_table_custom img.thumbnail {
    width: 37px;
    height: 37px;
}
/** Road Trains table ***************************************************************/
/* Синє підсвічування відредагованих комірок - має бути поверх зеленого та рожевого */
#wfRoadTrainsTable .tr[data-source="road_trains"] div.td:not([data-source]),
#wfRoadTrainsTable .td[data-source="road_trains"],
#wfRoadTrainsTable .tr.row-highlight-green[data-source="road_trains"] div.td:not([data-source]),
#wfRoadTrainsTable .tr.row-highlight-green .td[data-source="road_trains"],
#wfRoadTrainsTable .tr.row-highlight-pink[data-source="road_trains"] div.td:not([data-source]),
#wfRoadTrainsTable .tr.row-highlight-pink .td[data-source="road_trains"] {
    background: rgba(17, 153, 136, 0.5)!important;
}
#wfTrailersTable .tr.bound .td {
    background: #d93939e0!important;
}
/** Drivers table of Road Trains page ***************************************************************/
.page_road_trains #wfDriversTable .th[data-field="date_removed_from_trip"],
.page_road_trains #wfDriversTable .td[data-field="date_removed_from_trip"] {
    flex: 0 75px;
}
.page_road_trains #wfDriversTable .th[data-field="qualification"],
.page_road_trains #wfDriversTable .td[data-field="qualification"] {
    flex: 0 100px;
}
/************************************************************************************/
.page_road_trains .main-container {padding-bottom: 0}
.page_road_trains .page-header > *:first-child,
.page_road_trains .page-header > *:last-child {width: 33%;}
.page_road_trains .page-header > *:first-child {text-align: left;}
.page_road_trains .page-header > *:last-child {text-align: right;}
.page_route_document_edit .select2.select2-container,
.page_route_documents .select2.select2-container,
.page_general_table .select2.select2-container,
.page_cars .select2.select2-container,
.page_crm_agreements .select2.select2-container,
.page_crm_contacts .select2.select2-container,
.page_crm_leads .select2.select2-container,
.page_crm_organization .select2.select2-container,
.page_crm_contact .select2.select2-container,
.page_crm_lead .select2.select2-container,
.page_crm_agreement .select2.select2-container,
.page_crm_agreements_funnel .select2.select2-container,
.page_crm_mails .select2.select2-container,
.page_crm_tasks .select2.select2-container,
.page_drivers .select2.select2-container,
.page_crm_report .select2.select2-container {
    width: 100% !important;
}
.page_crm_mails
.page_route_document_edit .wf_form_froup_checkboxes .form-check {
    display: inline-block;
}
.page_route_document_edit .wf_form_froup_checkboxes .form-check + .form-check {
    margin-left: 30px !important;
}
.page_route_document_edit .wf_form_froup_checkboxes,
.page_calendar .wf_form_froup_checkboxes {
    margin: 31px 0 0;
}
.wf_spinner_block .wf_spinner_block_hidden {
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 32px;
    width: 32px;
    margin-right: 30px;
    color: #ee0000;
}
.flatpickr-current-month {
    font-size: 16px;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: #ee0000;
    border-color: #ee0000;
}
.flatpickr-day {
    line-height: 37px;
}
.flatpickr_clear_btn {
    height: 32px;
    width: 32px;
    color: #ee0000;
    cursor: pointer;
    font-weight: bold;
    background-color: transparent;
    border: none;
    position: absolute;
    top: 1px;
    right: 1px;
}
.edit_route_document_comment {
    resize: vertical;
    height: 185px;
}
table hr {
    margin: 3px 0;
}
.wf_filters {
    margin: 0 0 15px;
    transition: opacity 0.2s, visibility 0.2s;
}
.wf_filters.wf_filters_hidden {
    visibility: hidden;
    opacity: 0;
    height: 0;
    min-height: 0;
    overflow: hidden;
    margin: 0;
}
#wfRouteDocumentsTableWrapper,
#wfCalendarTableWrapper,
#wfCarsTableWrapper,
#wfTrailersTableWrapper,
#wfDriversTableWrapper,
#wfCustomersTableWrapper,
#wfRouteTypesTableWrapper,
#wfTrailerTypesTableWrapper,
#wfSortTripsTableWrapper,
#wfCitiesTableWrapper,
#wfConferenceTableCarsWrapper,
#wfConferenceTableRoutesWrapper,
#wfCurrenciesTableWrapper,
/*body:not(.page_general_table_by_blocks) #wfGeneralTableWrapper,*/
#wfGeneralTableWrapper,
#wfRemindersTableWrapper,
#wfCRMOrganizationsTableWrapper,
#wfCRMContactsTableWrapper,
#wfCRMLeadsTableWrapper,
#wfCRMAgreementsTableWrapper,
#wfCRMMailsTableWrapper,
#wfCRMMailsSignaturesTableWrapper,
#wfCRMTasksTableWrapper {
    overflow-x: auto !important;
}
.clone-head-table-wrap .table tr,
#wfConferenceTableRoutesWrapper tr {
    transition: none;
}
.page_calendar .calendar_field {
    text-align: center;
}
.page_calendar .flatpickr-calendar.inline {
    transform: scale(0.8);
    margin: -29px 0 0 -33px;
}
.flatpickr-day.today.inRange {
    border-color: #ee0000;
}
.page_calendar .modal .flatpickr-wrapper {
    width: 100%;
}
.page_calendar #wfCalendarTableWrapper .form-switch .form-check-input {
    margin-left: -25px;
}
.road_trains_date,
.conference_date {
    display: inline-block;
    width: 120px;
    text-align: center;
}
.page_road_trains .wf_form_froup_checkboxes,
.page_conference .wf_form_froup_checkboxes {
    width: 24px;
    display: inline-block;
    margin: 0;
}
.conference_carlist_color_td {
    width: 30px;
}
#wfConferenceTableRoutesWrapper td.wf_conference_table_td_header {
    text-align: left !important;
    font-weight: 600;
    padding-left: 10px !important;
    /*background: #f7f7f7 !important;*/
    background: #fcfcfc !important;
}
.modal_edit_user .sp-original-input-container {
    margin: 23px 0 0 !important;
    width: 100%;
}
.dtfh-floatingparenthead:after {
    display: none !important;
}
.login_theme_switcher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 34px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #dedede;
    border-radius: 8px;
    width: 70px;
    position: relative;
}
.login_theme_switcher .theme_switch {
    width: 35px;
    cursor: pointer;
    position: absolute;
    top: -1px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 8px;
}
.login_theme_switcher .theme_switch:first-child {
    left: -1px;
}
.login_theme_switcher .theme_switch:last-child {
    right: -1px;
}
.login_theme_switcher .theme_switch.active {
    background: #ee0000;
}
.login_theme_switcher .theme_switch .theme_switch_icon {
    display: none;
}
.login_theme_switcher .theme_switch .theme_switch_icon_light {
    display: block;
}
.login_theme_switcher .theme_switch.active .theme_switch_icon_light {
    display: none;
}
.login_theme_switcher .theme_switch.active .theme_switch_icon_dark {
    display: block;
}
.login_theme_switcher .theme_switch svg {
    vertical-align: middle;
    margin: -4px 0 0;
}
.login_theme_switcher .theme_switch:hover {
    background: #ee0000;
}
.login_theme_switcher .theme_switch:hover .theme_switch_icon_light {
    display: none;
}
.login_theme_switcher .theme_switch:hover .theme_switch_icon_dark {
    display: block;
}
.custom-search i {
    height: 34px;
    line-height: 34px;
    top: 1px;
}
.c-pointer,
[data-app="modal-load"],
.tcell_open_modal,
.tcell_open_min_modal,
.tcell_open_min_modal_crm_emails,
.tcell_open_min_modal_crm_phones {
    cursor: pointer;
}
.modal_edit_min .modal-body {
    padding: 0;
}
.modal_edit_min .form-group {
    margin: 0;
}
.modal_edit_min .form-group + .form-group {
    margin-top: 1rem;
}
.modal_edit_min .modal-dialog {
    position: absolute;
    margin-top: 0;
    margin-bottom: 0;
    top: 0;
    left: 0;
}
.modal_edit_min .modal-content {
    border-radius: 0;
    border: none;
}
.modal.fade.modal_edit_min .modal-dialog {
    transition: none;
}
.fade.modal_edit_min {
    transition: none;
}
.modal_edit_min .input-group-append .btn {
    border-radius: 0;
    height: 32px;
    display: flex;
}
.modal_edit_min .input-group-append .btn .indicator-label {
    display: flex;
}
.modal_edit_min input[type="text"] {
    height: 32px;
}
.modal_edit_min .form-control {
    padding: 0.3rem 0.6rem;
}
.modal_edit_min .input-group-inner-select-wrapper {
    width: 210px;
}
.modal_edit_min .select2-container .select2-selection--single {
    min-height: 32px;
    height: 32px;
}
.modal_edit_min .select2-container .select2-selection--multiple {
    min-height: 32px;
}
.modal_edit_min .sp-original-input-container {
    position: relative;
}
.dtfc-fixed-left {
    z-index: 1;
}
.table .dtfc-fixed-left,
.dataTable.table-striped tbody tr:nth-of-type(odd) > td.dtfc-fixed-left {
    box-shadow: inset -1px 0px 0px #d3d9e0 !important;
}
.dataTable.table-striped tbody tr:nth-of-type(odd) > td.dtfc-fixed-left {
    background: white !important;
}
.wf_user_table_cell_name_not_active {
    cursor: default;
}
table[data-type="general_table"] th,
table[data-type="general_table"] td {
    height: 28px;
}
.dataTable.table-striped tbody .general_table_country_title td,
.dataTable.table-striped tbody tr:nth-of-type(odd).general_table_country_title td,
.dataTable.table-striped tbody tr:nth-of-type(even).general_table_country_title td {
    font-weight: bold;
    text-transform: uppercase;
    background: #eef0f5 !important;
}
.page_general_table.modal-open .select2-results__option,
.page_road_trains.modal-open .select2-results__option,
.page_conference.modal-open .select2-results__option {
    min-height: 28px;
}
.general_table_date {
    margin: 0 7px;
}
.general_table_range {
    display: inline-block;
    width: 180px;
    text-align: center;
    margin-left: 10px;
}
.wf_btn_general_table_collapse_filters {
    display: inline-block;
    margin: -2px 0 0 7px;
}
.general_table_collapse_filters_active,
.crm_contacts_collapse_filters_active,
.crm_leads_collapse_filters_active,
.crm_agreements_collapse_filters_active,
.crm_tasks_collapse_filters_active,
.road_trains_collapse_filters_active {
    position: relative;
}
.general_table_collapse_filters_active:before,
.crm_contacts_collapse_filters_active:before,
.crm_leads_collapse_filters_active:before,
.crm_agreements_collapse_filters_active:before,
.crm_tasks_collapse_filters_active:before,
.road_trains_collapse_filters_active:before {
    content: '';
    position: absolute;
    top: -3px;
    right: -3px;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    border: 3px solid #ffffff;
    background: #ee0000;
}
.header-actions > li > a.user-settings .avatar .status {
    display: none !important;
}
.context-menu-list {
    padding: 0;
    z-index: 3 !important;
}
.context-menu-item {
    font-size: 11px;
    padding: 4px 10px;
}
.context-menu-item.context-menu-hover {
    color: #fff;
    cursor: pointer;
    background-color: #ee0000;
}
body.touch_device .general_table_cell {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.context-menu-item + .context-menu-item {
    border-top: 1px solid #d3d9e0;
}
.context-menu-icon-wf-gt-icon-add-row:before,
.context-menu-icon-wf-gt-icon-remove-row:before,
.context-menu-icon-wf-gt-icon-history-row:before,
.context-menu-icon-wf-gt-icon-copy-row:before,
.context-menu-icon-wf-gt-icon-add-route-document:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    top: initial;
    left: initial;
    transform: none;
    vertical-align: middle;
    margin: 0 7px 0 0;
}
.context-menu-icon-wf-gt-icon-add-row:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='2f2f2f' class='bi bi-plus-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    background-position: center center;
    background-size: contain;
}
.context-menu-icon-wf-gt-icon-remove-row:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='2f2f2f' class='bi bi-dash-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
    background-position: center center;
    background-size: contain;
}
.context-menu-icon-wf-gt-icon-history-row:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='2f2f2f' class='bi bi-clock' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z'/%3E%3C/svg%3E");
    background-position: center center;
    background-size: contain;
}
.context-menu-icon-wf-gt-icon-copy-row:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='2f2f2f' class='bi bi-files' viewBox='0 0 16 16'%3E%3Cpath d='M13 0H6a2 2 0 0 0-2 2 2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2 2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 13V4a2 2 0 0 0-2-2H5a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zM3 4a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4z'/%3E%3C/svg%3E");
    background-position: center center;
    background-size: contain;
}
.context-menu-icon-wf-gt-icon-add-route-document:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='2f2f2f' class='bi bi-file-earmark' viewBox='0 0 16 16'%3E%3Cpath d='M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z'/%3E%3C/svg%3E");
    background-position: center center;
    background-size: contain;
}
.edit_route_document_image_wrapper {
    text-align: center;
}
.edit_route_document_image_wrapper img {
    max-width: 100%;
    max-height: 400px;
}
#edit_route_document_image_remove {
    margin-top: 10px;
}
.modal_edit_min_input_textarea {
    height: 100px;
}
.table[data-type="general_table"] th[data-field="trailer_additional"],
.table[data-type="general_table"] td[data-field="trailer_additional"],
.table[data-type="general_table"] th[data-field="comment"],
.table[data-type="general_table"] td[data-field="comment"],
.table[data-type="general_table"] th[data-field="report_comment"],
.table[data-type="general_table"] td[data-field="report_comment"],
.table[data-type="general_table"] th[data-field="characteristics"],
.table[data-type="general_table"] td[data-field="characteristics"],
.table[data-type="general_table"] th[data-field="driver_id"],
.table[data-type="general_table"] td[data-field="driver_id"],
.table[data-type="general_table"] th[data-field="driver_id2"],
.table[data-type="general_table"] td[data-field="driver_id2"] {
    max-width: 100px;
    word-wrap: break-word;
}
.table-container-general-table {
    padding: 0;
    border-radius: 0;
    position: relative;
}
#wfGeneralTable {
    margin-bottom: 0;
}
/*.wf_conference_table_tr_header_4 {
    display: none;
}*/
.dataTable.table-striped tbody tr:nth-of-type(odd) > td.conference_carlist_color_td[data-color="green"],
.dataTable.table-striped > tbody > tr:nth-of-type(even) > td.conference_carlist_color_td[data-color="green"] {
    background: #00d97e !important;
}
.dataTable.table-striped tbody tr:nth-of-type(odd) > td.conference_carlist_color_td[data-color="orange"],
.dataTable.table-striped > tbody > tr:nth-of-type(even) > td.conference_carlist_color_td[data-color="orange"] {
    background: #f6c343 !important;
}
.dataTable.table-striped tbody tr:nth-of-type(odd) > td.conference_carlist_color_td[data-color="red"],
.dataTable.table-striped > tbody > tr:nth-of-type(even) > td.conference_carlist_color_td[data-color="red"] {
    background: #e63757 !important;
}
.not-read-mail {
    background: #f2f6fc !important;
}
.dataTable.table-striped tbody tr:nth-of-type(odd) > td.not-read-mail {
    background: #f2f6fc !important;
}
#wfCRMMailsTable tr:hover td{
    background: #f2f3fc !important;
}
#wfGeneralTableWrapper .wf_table_sm th,
#wfGeneralTableWrapper .wf_table_sm td {
    padding: 1px 2px;
    font-size: 11px;
}
#wfCalendarTableWrapper th,
#wfCalendarTableWrapper td,
#wfConferenceTableCarsWrapper th,
#wfConferenceTableCarsWrapper td,
#wfConferenceTableRoutesWrapper th,
#wfConferenceTableRoutesWrapper td {
    height: 20px;
}
#wfCalendarTableWrapper .wf_form_froup_checkboxes_table_cell {
    display: inline-block;
    margin: 0;
}
.modal_general_table_history .modal-dialog {
    max-width: 1000px;
}
/* .wf_btn_general_table_clear_filters,
.wf_btn_route_document_clear_filters {
    margin: 26px 0 0;
} */
.wf_filter_btns {
    margin: 26px 0 0;
    display: flex;
    gap: 10px;
}
.page_crm_agreements .wf_filter_btns {
    margin: 0;
}
.select2-container--default .select2-results>.select2-results__options {
    white-space: nowrap;
    overflow-x: hidden;
}
.select2-container--open .select2-dropdown {
    min-width: 400px;
}
.page_route_document_edit .upload-photo-container {
    background: transparent;
}
#wfConferenceTableCarsWrapper td[data-field="free_cars"] {
    min-width: 250px;
}
div.table {
    display: flex;
    flex-direction: column;
}
div.thead,
div.tbody {
    display: flex;
    flex-direction: column;
    width: 100%;
}
div.tbody {
    border-top: none !important;
}
div.tr {
    display: flex;
    width: 100%;
    padding: 0;
}
div.th,
div.td {
    border-top: 1px solid #aaaaaa;
    border-right: none;
    border-bottom: none;
    border-left: 1px solid #aaaaaa;
    padding: 0.25rem 0.25rem;
}
div.th {
    background: #eef0f5;
    text-align: center;
    font-weight: 600;
}

div.table-striped div.tbody div.tr:nth-of-type(even):not(.row-highlight-green):not(.row-highlight-pink) div.td,
.wf_conference_table_td_header {
    background: #fcfcfc;
}
.wf_conference_table_td_header {
    width: 100%;
    font-weight: 600;
    padding-left: 10px !important;
}
div.tr div.th:last-child,
div.tr div.td:last-child {
    border-right: 1px solid #aaaaaa;
}
#wfConferenceTableCars div.tr div.th:last-child,
#wfConferenceTableCars div.tr div.td:last-child,
#wfConferenceTableRoutes div.th[data-field="route"],
#wfConferenceTableRoutes div.td[data-field="route"] {
    flex-basis: 100%;
    min-width: 80px;
}
div.tbody div.tr:last-child div.td {
    border-bottom: 1px solid #aaaaaa;
}
#wfConferenceTableCars div.th[data-field="car_count"],
#wfConferenceTableCars div.td[data-field="car_count"],
#wfConferenceTableRoutes div.th[data-field="plan_count"],
#wfConferenceTableRoutes div.td[data-field="plan_count"] {
    flex-basis: 28px;
    flex-shrink: 0;
    text-align: center;
}
#wfConferenceTableCars div.th[data-field="car_number"],
#wfConferenceTableCars div.td[data-field="car_number"],
#wfConferenceTableRoutes div.th[data-field="car_id"],
#wfConferenceTableRoutes div.td[data-field="car_id"] {
    flex-basis: 80px;
    flex-shrink: 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
}
#wfConferenceTableRoutes div.th[data-field="logist_id"],
#wfConferenceTableRoutes div.td[data-field="logist_id"] {
    flex-basis: 80px;
    flex-shrink: 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#wfConferenceTableCars div.th[data-field="car_condition_id"],
#wfConferenceTableCars div.td[data-field="car_condition_id"] {
    flex-basis: 40px;
    flex-shrink: 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
}
#wfConferenceTableCars div.th[data-field="checking"],
#wfConferenceTableCars div.td[data-field="checking"],
#wfConferenceTableCars div.th[data-field="color"],
#wfConferenceTableCars div.td[data-field="color"] {
    flex-basis: 35px;
    flex-shrink: 0;
    text-align: center;
}
#wfConferenceTableRoutes div.th[data-field="price"],
#wfConferenceTableRoutes div.td[data-field="price"] {
    flex-basis: 90px;
    flex-shrink: 0;
    text-align: center;
}
#wfConferenceTableRoutes div.th[data-field="cargo"],
#wfConferenceTableRoutes div.td[data-field="cargo"] {
    flex-basis: 130px;
    flex-shrink: 0;
}
#wfConferenceTableCars div.td[data-field="color"][data-color="green"] {
    background: #00d97e !important;
}
#wfConferenceTableCars div.td[data-field="color"][data-color="orange"] {
    background: #f6c343 !important;
}
#wfConferenceTableCars div.td[data-field="color"][data-color="red"] {
    background: #e63757 !important;
}
#wfConferenceTableCars div.th[data-field="free_cars"],
#wfConferenceTableCars div.td[data-field="free_cars"] {
    flex-basis: 200px;
    flex-shrink: 0;
}
.page_conference_by_blocks #wfConferenceTableCars,
.page_conference_by_blocks #wfConferenceTableRoutes {
    overflow: hidden;
}
.page_conference_by_blocks #wfConferenceTableCars .slimScrollDiv {
    height: calc(100vh - 210px) !important;
    border-top: none;
    border-bottom: 1px solid #d3d9e0;
}
.page_conference_by_blocks #wfConferenceTableRoutes .slimScrollDiv {
    height: calc(100vh - 170px) !important;
    border-top: none;
    border-bottom: 1px solid #d3d9e0;
}
.wf_btn_add_conference_car {
    margin: 10px 0 0;
}
.page_conference_by_blocks .main-container {
    padding-bottom: 0 !important;
}
.wfConferenceTableRoutes_empty_td {
    width: 100%;
    border: none !important;
    text-align: center;
}
.wfGeneralTable_empty_td {
    width: 100%;
    text-align: center;
    line-height: 25px;
}
.is-affixed {
    z-index: 1;
}
.modal-backdrop.show {
    opacity: 0.4;
}

div#wfGeneralTable {
    float: left;
    width: auto;
}
div#wfGeneralTable div.th,
div#wfGeneralTable div.td {
    flex-shrink: 0;
    padding: 1px 2px;
    font-size: 11px;
}
div#wfGeneralTable div.th {
    padding: 5px 2px;
    line-height: 13px;
}
div#wfGeneralTable div.th {
    word-wrap: break-word;
    display: flex;
    justify-content: center;
    align-items: center;
}
div#wfGeneralTable .tr.general_table_country_title .td {
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    background: #f7f7f7 !important;
    line-height: 20px;
    min-height: 20px;
}
div#wfGeneralTable div.td {
    line-height: 14px;
    /* min-height: 30px; */
    height: 30px;
    background: white;
}
div#wfGeneralTable div.td[data-field="datetime"],
div#wfGeneralTable div.td[data-field="car_id"],
div#wfGeneralTable div.td[data-field="trailer_id"],
div#wfGeneralTable div.td[data-field="trailer_additional"],
div#wfGeneralTable div.td[data-field="departure_types_of_route_id"],
div#wfGeneralTable div.td[data-field="transit_types_of_route_id"],
div#wfGeneralTable div.td[data-field="distance"],
div#wfGeneralTable div.td[data-field="cost_km"],
div#wfGeneralTable div.td[data-field="freight_amount"],
div#wfGeneralTable div.td[data-field="expedition_amount"],
div#wfGeneralTable div.td[data-field="fines_amount"],
div#wfGeneralTable div.td[data-field="permissions_amount"],
div#wfGeneralTable div.td[data-field="logist_id"],
div#wfGeneralTable div.td[data-field="cargo_weight"],
div#wfGeneralTable div.td[data-field="protocols"],
div#wfGeneralTable div.td[data-field="protocols"] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
div#wfGeneralTable div.td[data-field="car_id"],
div#wfGeneralTable div.td[data-field="trailer_id"] {
    word-break: break-word;
}
div#wfGeneralTable div.td[data-field="unloading_city_id"],
div#wfGeneralTable div.td[data-field="trailer_id"],
div#wfGeneralTable div.td[data-field="trailer_additional"],
div#wfGeneralTable div.td[data-field="driver_id"],
div#wfGeneralTable div.td[data-field="driver_id2"],
div#wfGeneralTable div.td[data-field="download_city_id"],
div#wfGeneralTable div.td[data-field="customs_city_id"],
div#wfGeneralTable div.td[data-field="customer_id"],
div#wfGeneralTable div.td[data-field="comment"],
div#wfGeneralTable div.td[data-field="report_comment"],
div#wfGeneralTable div.td[data-field="characteristics"],
div#wfGeneralTable div.td[data-field="sort_trip_id"],
div#wfGeneralTable div.td[data-field="downtime"] {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    word-wrap: break-word;
    word-break: break-word;
}
div#wfGeneralTable div.td[data-field="characteristics"] {
    text-align: center;
    display: flex;
    height: 30px;
    align-items: center;
    justify-content: center;
}
.general_table_cell_inner_value {
    max-height: 100%;
}
.page_general_table_by_blocks #wfGeneralTable .slimScrollDiv {
    border-top: none;
    border-bottom: 1px solid #d3d9e0;
}
div#wfGeneralTable div.th[data-field="departure_types_of_route_id"],
div#wfGeneralTable div.th[data-field="download_city_id"],
div#wfGeneralTable div.th[data-field="transit_types_of_route_id"],
div#wfGeneralTable div.th[data-field="customs_city_id"],
div#wfGeneralTable div.th[data-field="unloading_city_id"] {
    background: #f7e7e7;
}
/*div#wfGeneralTable div.th[data-field="datetime"],
div#wfGeneralTable div.td[data-field="datetime"] {
    position: sticky;
    left: 0;
}
div#wfGeneralTable div.th[data-field="car_id"],
div#wfGeneralTable div.td[data-field="car_id"] {
    position: sticky;
}*/
div#wfGeneralTable div.th[data-field="datetime"],
div#wfGeneralTable div.td[data-field="datetime"],
div#wfGeneralTable div.th[data-field="car_id"],
div#wfGeneralTable div.td[data-field="car_id"] {
    position: relative;
    z-index: 1;
}
div#wfGeneralTable.wfGeneralTable_scroll_horizontal div.th[data-field="car_id"],
div#wfGeneralTable.wfGeneralTable_scroll_horizontal div.td[data-field="car_id"] {
    border-right: 1px solid #d3d9e0;
}
div#wfGeneralTable div.th {
    z-index: 2 !important;
    position: relative !important;
}
div#wfGeneralTable div.th[data-field="datetime"],
div#wfGeneralTable div.th[data-field="car_id"] {
    z-index: 3 !important;
}
.page_conference_by_blocks .select2-container--open .select2-dropdown {
    min-width: 210px;
}
#notes .note-success .image,
#notes .note-success .remove,
#notes .note-success .content {
    display: none;
}
#notes .note-success {
    padding: 10px 0;
    width: 20px;
    border-radius: 20px;
}
table[data-type="route_documents"] th,
table[data-type="route_documents"] td {
    padding: 5px 3px !important;
}
.crm_contacts_left_column_link svg,
.crm_organizations_left_column_link svg,
.crm_agreements_left_column_link svg {
    flex-shrink: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.crm_agreements_left_column_link svg path {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.crm_contacts_left_column_link svg,
.crm_organizations_left_column_link svg {
    margin: 8px 15px 7px 9px;
}
.crm_agreements_left_column_link svg {
    margin: 7px 13px 6px 7px;
}
.crm_contacts_left_column_link:hover svg,
.crm_organizations_left_column_link:hover svg {
    fill: #555555;
}
.crm_agreements_left_column_link:hover svg path {
    fill: #555555;
}
.page-wrapper .sidebar-wrapper .sidebar-menu ul li.active-page-link a.crm_contacts_left_column_link svg,
.page-wrapper .sidebar-wrapper .sidebar-menu ul li.active-page-link a.crm_contacts_left_column_link svg {
    fill: #ee0000;
}
.page-wrapper .sidebar-wrapper .sidebar-menu ul li.active-page-link a.crm_agreements_left_column_link svg path {
    fill: #ee0000;
}
#wfUsersTable_wrapper > .table-responsive + .row,
#wfUserRolesTable_wrapper > .table-responsive + .row {
    background: #eff1f5;
}
#wfUsersTable_wrapper .dataTables_info,
#wfUserRolesTable_wrapper .dataTables_info {
    color: #333333;
}
.page_crm_sales_funnel_edit .main-container {
    padding-bottom: 0;
}
.wf_crm_funnel_edit_draggable_zone {
    flex-wrap: nowrap;
    /* overflow: auto; */
    /* width: 100%; */
}
.wf_crm_funnel_edit_draggable_zone .draggable {
    min-width: 20%;
}
.wf_crm_funnel_edit_draggable_zone .card {
    height: 100%;
}
.wf_crm_funnel_edit_draggable_zone .card-header {
    cursor: pointer;
    border-bottom: 1px solid #e0e3e8;
}
.wf_crm_funnel_edit_draggable_zone .card-header:after {
    content: "\ea5e";
    font-family: 'icomoon';
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    color: #ee0000;
    clear: both;
}
.wf_crm_funnel_edit_draggable_zone .card-footer {
    border-top: 1px solid #e0e3e8;
    text-align: center;
}
.draggable-source--is-dragging .card {
    background: #fff4f4;
    box-shadow: inset 0 0 1px #ee0000;
}
.draggable-mirror .card {
    border: 1px dashed #ee0000;
}
.wf_crm_funnel_step_add_new_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.wf_crm_funnel_step_add_new_title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
}
.wf_crm_funnel_step_add_new_text {
    text-align: center;
    margin: 15px 0;
}
.wf_crm_funnel_step_add_new_wrapper_main_col > .col,
.wf_crm_funnel_step_add_new_wrapper_main_col .card,
.wf_crm_funnel_step_add_new_wrapper {
    height: 100%;
}
.wf_crm_funnel_step_add_new_wrapper_main_col .card {
    background: transparent;
}
.scroll-wrapper > .scroll-content {
    width: 100% !important;
}
.scrollbar-outer > .scroll-element {
    background: transparent;
}
.scrollbar-outer > .scroll-element .scroll-element_track {
    background-color: #e9e9e9;
}
.wf_draggable_pulse {
    background-color: rgb(213 0 0 / 20%);
    animation: draggablePulse 1s infinite;
}
@-webkit-keyframes draggablePulse {
    0% {
        background-color: rgb(213 0 0 / 20%);
    }
    70% {
        background-color: rgb(213 0 0 / 40%);
    }
    100% {
        background-color: rgb(213 0 0 / 20%);
    }
}
@keyframes draggablePulse {
    0% {
        background-color: rgb(213 0 0 / 20%);
    }
    70% {
        background-color: rgb(213 0 0 / 40%);
    }
    100% {
        background-color: rgb(213 0 0 / 20%);
    }
}
.crm_funnel_step_name_field {
    background: transparent;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    font-size: 1.15rem;
    line-height: 18px;
}
.page_crm_leads .select2-container--open .select2-dropdown,
.page_crm_contacts .select2-container--open .select2-dropdown,
.page_crm_agreements .select2-container--open .select2-dropdown,
.page_crm_tasks .select2-container--open .select2-dropdown {
    min-width: 100%;
}
.wf_btn_crm_contacts_collapse_filters,
.wf_btn_crm_leads_collapse_filters,
.wf_btn_crm_agreements_collapse_filters,
.wf_btn_crm_mails_collapse_filters,
.wf_btn_crm_tasks_collapse_filters {
    display: inline-block;
    margin: -2px 0 0 7px;
}
.modal_edit_crm_agreement .modal_add_crm_contact_phones_wrapper {
    margin: 0 0 1rem 0;
}
.wf_select_dropdown_min_width  {
    min-width: 10px !important;
}
.user_edit_model_crm_section,
.user_edit_model_logist_section {
    border-top: 1px solid #dee2e6;
    padding-top: 0.5rem;
}
.wf_card_header_with_toolbar {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.edit_organization_page_add_contact_btn,
.edit_organization_page_add_lead_btn,
.edit_organization_page_add_agreement_btn,
.edit_contact_page_add_lead_btn,
.edit_contact_page_add_agreement_btn,
.edit_lead_page_add_manager_btn,
.edit_agreement_page_add_task_btn {
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.edit_organization_page_add_contact_btn i,
.edit_organization_page_add_lead_btn i,
.edit_organization_page_add_agreement_btn i,
.edit_contact_page_add_lead_btn i,
.edit_contact_page_add_agreement_btn i,
.edit_lead_page_add_manager_btn i,
.edit_agreement_page_add_task_btn i {
    font-size: 15px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.edit_organization_page_add_contact_btn:hover,
.edit_organization_page_add_lead_btn:hover,
.edit_organization_page_add_agreement_btn:hover,
.edit_contact_page_add_lead_btn:hover,
.edit_contact_page_add_agreement_btn:hover,
.edit_lead_page_add_manager_btn:hover,
.edit_agreement_page_add_task_btn:hover {
    background-color: #ee0000;
}
.edit_organization_page_add_contact_btn:hover i,
.edit_organization_page_add_lead_btn:hover i,
.edit_organization_page_add_agreement_btn:hover i,
.edit_contact_page_add_lead_btn:hover i,
.edit_contact_page_add_agreement_btn:hover i,
.edit_lead_page_add_manager_btn:hover i,
.edit_agreement_page_add_task_btn:hover i {
    color: #ffffff;
}
/* .page_crm_organization .quick-analytics {
    max-height: 500px;
} */
.crm_card_height_half {
    height: calc(35vh - 7px) !important;
}
.crm_card_height_full {
    height: 70vh !important;
}
.crm_card_height_half .card-body,
.crm_card_height_full .card-body {
    height: 80%;
}
.edit_lead_page_managers_span,
.edit_agreement_page_managers_span {
    display: block;
    margin: 0 0 0.3rem;
}
/* .edit_agreement_page_task_timeline .activity-log:after,
.edit_agreement_page_task_timeline .activity-log:before { */
.edit_agreement_page_task_timeline .activity-log:after {
    display: none;
}
.edit_agreement_page_task_btn_finished {
    content: "";
    position: absolute;
    top: 5px;
    left: 0px;
    background: #ee0000;
    border: 3px solid #d0d0d0;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    z-index: 1;
}
.edit_agreement_page_task_btn_finished_success {
    background: #2f8a00;
}
.edit_agreement_page_task_btn_finished {
    cursor: pointer;
}
.page_crm_agreements_funnel_item_agreement {
    display: flex;
    width: 100%;
    background-color: #fbfbfb;
    border-radius: 5px;
    /* padding: 15px; */
    padding: 15px 40px 15px 15px;
    flex-direction: column;
    border: 1px solid #eff1f5;
    box-shadow: 2px 2px 4px #eff1f5;
    position: relative;
    z-index: 2;
}
.page_crm_agreements_funnel_item_agreement + .page_crm_agreements_funnel_item_agreement {
    margin-top: 10px;
}
.page_crm_agreements_funnel_item_agreement_title {
    font-weight: bold;
    color: black;
}
.page_crm_agreements_funnel_item_agreement_organization {
    font-size: 12px;
    margin: 4px 0 0;
}
.page_crm_agreements_funnel_item_agreement_price {
    font-size: 12px;
    color: black;
}
.page_crm_agreements_funnel .card-header {
    border-bottom: 1px solid #e0e3e8;
}
.page_crm_agreements_funnel .main-container {
    position: relative;
}
.page_crm_agreements_funnel_bottom_buttons_wrapper_outer {
    position: absolute;
    bottom: 0;
    left: 8px;
    width: 100%;
    z-index: 1;
    background: white;
    border-left: 1px solid #e0e3e8;
    border-top: 1px solid #e0e3e8;
    opacity: 0.3;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.page_crm_agreements_funnel_bottom_buttons_wrapper_outer_active {
    opacity: 1;
}
.page_crm_agreements_funnel_bottom_buttons_wrapper_inner {
    display: flex;
    justify-content: space-evenly;
    padding: 10px;
}
.page_crm_agreements_funnel_bottom_button {
    height: 60px;
    line-height: 60px;
    width: 32%;
    text-align: center;
    border-radius: 5px;
    font-size: 20px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.page_crm_agreements_funnel_bottom_button_negative {
    border: 1px dotted #ee0000;
    color: #ee0000;
}
.page_crm_agreements_funnel_bottom_button_negative_active {
    background: #ee0000;
    color: white;
}
.page_crm_agreements_funnel_bottom_button_won {
    border: 1px dotted #2f8a00;
    color: #2f8a00;
}
.page_crm_agreements_funnel_bottom_button_won_active {
    background: #2f8a00;
    color: white;
}
.page_crm_agreements_funnel_bottom_button_remove {
    border: 1px dotted #ee6300;
    color: #ee6300;
}
.page_crm_agreements_funnel_bottom_button_remove_active {
    background: #ee6300;
    color: white;
}
.page_crm_agreements_funnel_bottom_button span {
    opacity: 0.75;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.page_crm_agreements_funnel_agreements_wrapper_inner  {
    display: flex;
    flex-wrap: nowrap;
}
.page_crm_agreements_funnel_agreements_wrapper_inner .draggable-zone .card {
    height: 100%;
}
.page_crm_agreements_funnel_agreements_wrapper_inner .draggable-zone .card-body {
    padding: 0;
    margin: 15px 0;
}
.page_crm_agreements_funnel_agreements_wrapper_inner .draggable-zone .card-body.scroll-content {
    padding: 0 15px;
    margin: 0;
}
.page_crm_agreements_funnel_agreements_wrapper_inner .draggable-zone {
    /* padding: 15px; */
    height: 100%;
    padding: 0 15px;
}
.page_crm_agreements_funnel_agreements_wrapper_inner .card-body.scroll-wrapper {
    padding: 15px 0 !important;
}
.page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown > a.wf_left_column_a_always_open:after {
    display: none;
}
.page-wrapper .sidebar-wrapper .sidebar-menu ul li.wf_left_column_li_always_open .sidebar-submenu {
    display: block !important;
}
.page-wrapper .sidebar-wrapper .sidebar-menu ul li a i svg path {
    fill: #777777!important;

}
.page-wrapper .sidebar-wrapper .sidebar-menu ul li a.active-page-link i svg path {
    fill: #ee0000!important;
}

#wfCRMMailsTableWrapper th,
#wfCRMMailsTableWrapper td {
    white-space: nowrap;
    position: relative;
    /* sh */
    border: none;
    /* sh */
}
/* sh */
.context-menu {
    display: none;
    position: absolute;
    z-index: 3;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
.context-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.context-menu li {
    margin-bottom: 5px;
}
.context-menu a {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 8px;
}
.context-menu a:hover {
    background-color: #f0f0f0;
}
/* sh */
.crm_mails_table_cell_text,
.crm_mails_table_cell_subject,
.crm_mails_table_cell_username {
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.crm_mails_table_cell_text {
    /* max-width: 700px; */
    max-width: 1300px;
}
.crm_mails_table_cell_subject,
.crm_mails_table_cell_username {
    max-width: 400px;
}
.crm_mails_table_cell_thread_count {
    color: #8d8d8d;
    font-weight: normal;
    position: absolute;
    margin: 0;
    top: 50%;
    
    transform: translateY(-50%);
    right: 0.7rem;
}
.wf_left_column_badge {
    border-radius: 5px;
    position: absolute;
    top: 8px;
    right: 15px;
}
.wf_left_column_crm_mail_signatures {
    position: relative;
}
.wf_left_column_crm_mail_signatures:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 82%;
    height: 1px;
    background: #d3d9e0;
}
.crm_mail_table_cell {
    cursor: pointer;
}
.header-actions > .dropdown {
    margin-left: 2px;
}
ul.header-notifications li a > .user-img,
#wfCRMMailsTable .user-img {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #484848;
    border-radius: 50%;
    color: white;
    font-size: 14px;
    flex-shrink: 0;
}
ul.header-notifications li a > .user-img:after,
#wfCRMMailsTable .user-img {
    display: none;
}
ul.header-notifications li a .details .noti-details {
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
ul.header-notifications li a .details > .user-title {
    margin: 0;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.header-actions > li > a.user-settings {
    padding: 0.315rem 10px;
}
@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }
    
    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }
  
    30%, 50%, 70% {
        transform: translate3d(-3px, 0, 0);
    }
  
    40%, 60% {
        transform: translate3d(3px, 0, 0);
    }
}
#wf_header_notifications.wf_header_notifications_new_mail_inbox > i {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}
.wf_btn_add_conference_car_convoy {
    margin: 10px 0 0 10px;
}
.mail_page_signature_field_wrapper .select2-container {
    width: 100% !important;
}
.mail_page_signature_field_wrapper_flex {
    display: flex;
    gap: 8px;
}
.mail_page_signature_field_wrapper {
    width: 100%;
}
.wf_btn_mail_page_signature_set_default {
    white-space: nowrap;
}
.edit_mail_page_to_email_field_wrapper .select2-container,
.edit_mail_signature_page_default_field_wrapper .select2-container {
    width: 100% !important;
}
#modal_crm_mail_set_shedule .modal-dialog {
    max-width: 342px;
}
.wf_border_danger {
    border: 1px dashed #dc3545;
}
.wf_text_italic {
    font-style: italic;
}
.wf_accordion_mails .accordion-container .accordion-header a {
    font-weight: normal;
    font-size: .8rem;
}
.wf_accordion_mails.toggle-icons a[aria-expanded="false"]:before {
    top: -2px;
}
.edit_mail_page_attachments_list_view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}
.attachment-table-center {
    margin-top: 5px;
    align-items: start;
    flex-direction: row;
}
.wf_badge_secondary {
    background: #746e6e;
}
.edit_mail_page_attachments_list_view_item {
    cursor: pointer;
}
.edit_mail_page_add_attachments_list {
    display: flex;
    flex-direction: column;
}
.edit_mail_page_add_attachments_list_item {
    display: flex;
    align-items: center;
}
.edit_mail_page_add_attachments_list_item_remove {
    margin: 0 0 0 10px;
    cursor: pointer;
    color: #ee0000;
}
.edit_mail_page_add_attachments_list_item_remove i {
    vertical-align: middle;
}
.page_crm_contact .contact_page_accordeon_wrapper + .contact_page_accordeon_wrapper,
.page_crm_lead .contact_page_accordeon_wrapper + .contact_page_accordeon_wrapper,
.page_crm_agreement .contact_page_accordeon_wrapper + .contact_page_accordeon_wrapper {
    margin-top: 30px;
}
.wf_accordion_mails .accordion-container {
    position: relative;
    border-bottom: none;
}
.wf_accordion_mails .accordion-container .accordion-header {
    position: relative;
    border-bottom: none;
}
.mail_page_forward_from_accordeon {
    position: absolute;
    right: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* height: 100%; */
    top: 0;
    right: 40px;
    height: 43px;
}
.mail_page_forward_from_accordeon svg {
    vertical-align: middle;
}
.wf_accordion_mails .accordion-container .accordion-header a {
    padding: 0 120px 0 0;
}
.wf_accordion_mails.toggle-icons a[aria-expanded="true"]:before {
    top: -5px;
}
.edit_mail_page_text_wrapper_disable {
    font: inherit;
    background-color: #f5f5f5;
    font-size: 14px;
    color: #575757;
    line-height: 1.5;
    font-family: Arial,sans-serif;
    padding: 5px;
}
.edit_mail_page_text_wrapper_disable .header {
    padding: initial;
    position: initial;
    background: initial;
    border-bottom: initial;
    min-height: 1px;
    display: block;
}
.edit_mail_page_text_wrapper_disable * {
    box-sizing: content-box;
}
.edit_mail_page_text_wrapper_disable .row {
    display: initial;
    margin-top: initial;
    margin-right: initial;
    margin-left: initial;
}
.edit_mail_page_text_wrapper_disable table.row {
    display: table;
}
.wf_mails_table_cell_username_mobile {
    font-size: 16px;
    margin: 0 0 2px;
}
.wf_mail_editpage_email_text_main_card,
.wf_mail_editpage_email_signature_card,
.wf_mail_editpage_email_accordion_files .card,
.wf_card_crm_mails_other_pages {
    background: transparent;
    border: none;
}
.wf_mail_editpage_email_text_main_card .card-body,
.wf_mail_editpage_email_signature_card .card-body,
.wf_mail_editpage_email_accordion_files .card-body,
.wf_card_crm_mails_other_pages .card-body {
    padding: 0 !important;
}
.btn_crm_mail_page_buttons {
    position: fixed;
    bottom: 0;
    padding: 8px 22px;
    background-color: #ffffff;
    border-top: 1px solid #e0e3e8;
    flex-wrap: wrap;
    gap: 10px;
    right: 0;
    z-index: 1;
}
.page_crm_contact .btn_crm_mail_page_buttons,
.page_crm_lead .btn_crm_mail_page_buttons,
.page_crm_agreement .btn_crm_mail_page_buttons {
    width: 100%;
}
.page_crm_mail_item .main-container {
    padding-bottom: 50px;
}
.forwarded {
    background-color: #ddd;
    border-color: #ddd;
    color: #666;
    -webkit-font-smoothing: auto;
    font-size: .75rem;
    letter-spacing: normal;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-family: "Google Sans",Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    height: 18px;
    line-height: 18px;
    margin: 0 6px 0 0;
    text-decoration: none;
    width: 80px;
    text-align: center;
    display: inline-block;
}
#wfCRMMailsTable tr:hover{
    /* box-shadow: 10px 5px 5px rgb(51, 50, 50); */
}
#context__menu .td-actions {
    display: flex;
    flex-direction: column;
}
#context__menu .td-actions > a {
    margin-top: 5px;
}
#context__menu .td-actions a {
    font-size: 16px;
}
.dataTable.table-striped tbody tr {
    position: relative;
}
.td_hover {
    display: none;
    position: absolute !important;
    background-color: unset !important;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.td_hover .td-actions { 
    background-color: #f2f3fc;
}
.crm_mails_table_row:hover .td_hover {
    display: block;
}
.edit_mail_page_text_wrapper_disable .es-content-body,
.edit_mail_page_text_wrapper_disable .es-footer-body {
    width: 100% !important;
    max-width: 600px !important;
}
.edit_mail_page_text_wrapper_disable img {
    max-width: 100% !important;
}
.page_crm_mail .gmail_signature table{
    width: 100% !important;
    max-width: 400px;
}
.crm_mails_text_mobile {
    display: none;
}
.crm_mobile_hidden {
    height: 18px;
    overflow: hidden;
    white-space: pre-wrap;
}
.card_mail_hide_bg {
    background: none;
    border-bottom: none;
}
.card_mail_hide_bg .card-body {
    padding: 0.25rem 0 0.25rem 0;
}
.crm_mails_flex {
    display: flex;
    flex-wrap: wrap;
}
.crm_mails_flex .crm_mails_table_cell_subject {
    /* width: 50%; */
    width: 20%;
}
.crm_mails_flex .crm_mails_table_cell_text {
    /* width: 50%; */
    width: 80%;
}
.attachments_mail_inbox {
    width: 100%;
    flex-wrap: wrap;
}
.page-wrapper .sidebar-wrapper {
    border-right: 1px solid #e0e3e8;
}
.crm_enable_edit_card {
    margin: 0 0 0 10px;
    display: inline-block;
    cursor: pointer;
}
.wf_crm_btn_disabled,
.wf_input_group_append_wrapper_disabled {
    display: none;
}
.modal_add_crm_contact_notes,
.modal_add_crm_lead_notes,
.modal_add_crm_agreement_notes,
.modal_crm_add_contact_additional_contact_notes,
.edit_crm_page_add_contact_additional_contact_notes {
    min-height: 76px !important;
}
.edit_contact_page_notes_field,
.edit_lead_page_notes_field,
.edit_agreement_page_notes_field {
    min-height: 250px !important;
}
.nav-tabs .nav-item .nav-link {
    border-top: 3px solid transparent;
}
.nav-tabs .nav-item .nav-link:hover {
    border-top: 3px solid transparent;
}
.mail_page_send_from_accordeon {
    position: absolute;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    top: 0;
    right: 40px;
    height: 43px;
}
.mail_page_send_from_accordeon svg {
    vertical-align: middle;
}
.wf_mobile_list_item_block {
    display: flex;
    width: 100%;
    background-color: #fbfbfb;
    border-radius: 5px;
    padding: 15px;
    flex-direction: column;
    border: 1px solid #eff1f5;
    box-shadow: 2px 2px 4px #eff1f5;
    position: relative;
    z-index: 2;
}
.wf_mobile_list_item_block_agreement {
    padding: 15px 40px 15px 15px;
}
.wf_mobile_list_item_block_title {
    font-weight: bold;
    color: black;
}
.wf_mobile_block {
    display: none;
}
.wf_btn_filters_apply {
    margin-top: 26px;
}
.wf_filter_btns .wf_btn_filters_apply {
    margin-top: 0;
}
.wf_btn_crm_agreements_filters_apply {
    margin-top: 0;
}
.wf_mobile_list_item_block_row {
    color: black;
}
.wf_task_timeline_activity_text {
    white-space: pre-line;
}
.wf_task_timeline_activity .activity-log {
    flex-direction: row;
    justify-content: space-between;
}
.wf_remove_crm_task {
    margin: 0 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    color: #ffffff !important;
    background: #ee0000;
}
.wf_remove_crm_task i {
    height: 20px;
    line-height: 20px;
}
.wf_task_timeline_activity {
    width: 600px;
    max-width: 100%;
}
.modal_crm_task_remove_name {
    font-weight: bold;
}
.wf_activity_log_main_part {
    cursor: pointer;
}
.wf_mobile_list_pagination_tasks {
    margin-top: 20px;
}
.wf_left_column_badge_task_new,
.wf_left_column_badge_contact_mails_new,
.wf_left_column_badge_agreements_mails_new,
.wf_left_column_badge_leads_mails_new {
    top: 12px;
}
.wf_btn_crm_mail_create_answer_from_other_page_accordion {
    position: absolute;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    top: 0;
    right: 80px;
    height: 43px;
}
.flag-text {
    margin-left: 10px;
}
.modal_add_crm_contact_phone_wrapper {
    display: flex;
    width: 100%;
}
.modal_add_crm_contact_phone_country_wrapper {
    width: 60px;
    flex-shrink: 0;
}
.modal_add_crm_contact_phone_select2_dropdown {
    width: 225px !important;
}
.modal_add_crm_contact_phones_wrapper .input-group {
    flex-wrap: nowrap;
}
.item_agreement_mobile_change_step {
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    text-align: center;
    cursor: pointer;
}
.item_agreement_mobile_change_step .icon-filter_list {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}
.item_agreement_mobile_change_step_select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.edit_mail_page_text_wrapper_disable table {
    width: 100% !important;
}
.crm_table_icon_unread_email {
    margin: 0 4px 0 0;
    display: inline-block;
    position: relative;
    top: 1px;
}
.wf_td_error_routes_cell1 {
    background: #f9f9f9 !important;
}
.wf_td_error_routes_cell2 {
    background: #f1f1f1 !important;
}
.wf_td_error_routes_cell3 {
    background: transparent !important;
}
.crm_mails_table_cell_subject div {
    width: 100%;
}
.crm_mails_table_cell_subject strong {
    width: 100%;
    display: block;
}
#wfCRMMailsTable tbody {
    width: 100%;
}
.invoices_list_wrapper_other_crm_page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}
.invoices_list_item_other_crm_page_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}
.invoices_list_item_other_crm_page_wrapper_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.invoices_list_item_other_crm_page_wrapper_bottom {
    padding: 0 0 0 30px;
}
.invoices_list_item_other_crm_page_title {
    cursor: pointer;
}
/* .invoices_list_item_other_crm_page_wrapper {
    display: flex;
    gap: 15px;
} */
.invoices_list_item_other_crm_page_cost_wrapper {
    display: flex;
    gap: 5px;
    /* align-items: center; */
}
.invoices_list_item_other_crm_page_wrapper_bottom .activity-log-list {
    gap: 10px;
}
.invoices_list_item_other_crm_page_wrapper_bottom .activity-log-list .sts {
    margin: 0;
}
.has-iframe .fancybox__content {
    height: 100% !important;
}
.header-actions > li > a .count-label {
    width: 22px;
}
/* .page_crm_mail_item .page_crm_agreements_funnel_item_agreement_title,
.page_crm_mail_item .page_crm_agreements_funnel_item_agreement_price {
    color: white;
} */
.page_crm_mail_item .page_crm_agreements_funnel_item_agreement_title {
    display: flex;
    align-items: center;
    gap: 5px;
}
.page_crm_mail_item .page_crm_agreements_funnel_item_agreement_title + .page_crm_agreements_funnel_item_agreement_price {
    margin-top: 4px;
}
.page_crm_mail_item .wf_mobile_list_item_block_row {
    margin-top: 4px;
}
.page_crm_mail_item .wf_mobile_list_item_block,
.page_crm_mail_item .page_crm_agreements_funnel_item_agreement {
    z-index: 1;
}
.crm_mails_table_cell_agreement_icons,
.crm_mails_table_cell_contact_icons,
.crm_mails_table_cell_lead_icons,
.crm_contacts_table_cell_agreement_icons,
.crm_contacts_table_cell_lead_icons {
    margin-right: 4px;
}
.crm_mails_table_cell_agreement_icon + .crm_mails_table_cell_agreement_icon,
.crm_mails_table_cell_contact_icon + .crm_mails_table_cell_contact_icon,
.crm_mails_table_cell_lead_icon + .crm_mails_table_cell_lead_icon,
.crm_contacts_table_cell_agreement_icon + .crm_contacts_table_cell_agreement_icon,
.crm_contacts_table_cell_lead_icon + .crm_contacts_table_cell_lead_icon {
    margin-left: 4px;
}
#wfDriversTable .flatpickr_clear {
    display: block;
    float: right;
}

/* DARK THEME  */
.dark_theme,
body.authentication.dark_theme {
    background: #2E3138;
    color: rgb(255 255 255 / 87%);
}
.dark_theme a {
    color: #009ef7;
}
.dark_theme ::-webkit-input-placeholder {
    color: rgb(255 255 255 / 54%);
}
.dark_theme ::-moz-placeholder {
    color: rgb(255 255 255 / 54%);
}
.dark_theme :-ms-input-placeholder {
    color: rgb(255 255 255 / 54%);
}
.dark_theme :-moz-placeholder {
    color: rgb(255 255 255 / 54%);
}
.dark_theme .page-wrapper {
    background: #2E3138;
}
.dark_theme input[type="text"],
.dark_theme input[type="password"],
.dark_theme textarea,
.dark_theme .custom-search .search-query:focus {
    background: #2E3138 !important;
    color: rgb(255 255 255 / 87%);
    border: 1px solid rgba(255, 255, 255, 0.54);
}
.dark_theme .form-control:focus {
    border: 1px solid #d93939e0;
    background: #2E3138 !important;
    color: rgb(255 255 255 / 87%);
}
.dark_theme .header {
    background: #262930;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid #262930;
}
.dark_theme .page-wrapper .sidebar-wrapper {
    background: #262930;
}
.dark_theme .page-wrapper .sidebar-wrapper .sidebar-brand {
    background: #d93939e0;
}
.dark_theme .breadcrumb .breadcrumb-item.active {
    color: #d93939e0;
}
.dark_theme .btn-primary {
    background: #d93939e0;
    border-color: #d93939e0;
    color: rgb(255 255 255 / 87%);
}
.dark_theme .btn-primary:hover {
    background: #d50000;
    border-color: #d50000;
}
.dark_theme .btn-warning {
    color: rgb(255 255 255 / 87%);
}
.dark_theme .btn-outline-primary {
    color: rgb(255 255 255 / 87%);
    /* border-color: #d50000; */
    border-color: #d93939e0;
}
.dark_theme .header .toggle-btns #pin-sidebar,
.dark_theme .header .toggle-btns #toggle-sidebar {
    box-shadow: none;
    background: #30323E;
    border-bottom: 1px solid #30323E;
}
.dark_theme .header .toggle-btns #pin-sidebar i,
.dark_theme .header .toggle-btns #toggle-sidebar i {
    color: #d93939e0;
}
.dark_theme .header .toggle-btns #pin-sidebar:hover,
.dark_theme .header .toggle-btns #toggle-sidebar:hover {
    background: #d93939e0;
    border-bottom: 1px solid #d93939e0;
}
.dark_theme .header .toggle-btns #pin-sidebar:hover i,
.dark_theme .header .toggle-btns #toggle-sidebar:hover i {
    color: rgb(255 255 255 / 87%);
}
.dark_theme .table-container {
    background: #262930;
    border-bottom: 1px solid #262930;
}
.dark_theme .table td {
    border-top: 1px solid rgba(255, 255, 255, 0.54);
}
.dark_theme .table-bordered {
    border: 1px solid rgba(255, 255, 255, 0.54);
    background: #262930;
    color: rgba(255, 255, 255, 0.87);
}
.dark_theme .dataTable.table-striped > tbody > tr:nth-of-type(even) > td {
    background: #2d3038;
}
.dark_theme .table-striped > tbody > tr:nth-of-type(odd) > * {
    color: rgba(255, 255, 255, 0.87);
}
.dark_theme table.dataTable.wf_table thead th {
    background: #1d1e22;
}
.dark_theme .page-wrapper .sidebar-wrapper .sidebar-menu ul li a {
    color: rgb(255 255 255 / 87%);
}
.dark_theme .page-wrapper .sidebar-wrapper .sidebar-menu ul li a i svg path {
    fill: rgb(255 255 255 / 54%) !important;
}
.dark_theme .page-wrapper .sidebar-wrapper .sidebar-menu ul li a i {
    color: rgb(255 255 255 / 54%);
}
.dark_theme .page-wrapper .sidebar-wrapper .sidebar-menu .header-menu {
    color: rgb(255 255 255 / 54%);
}
.dark_theme .slimScrollBar {
    background: #3e3e3e !important;
}
.dark_theme .page-wrapper .sidebar-wrapper .sidebar-menu ul li.active-page-link a {
    background: #2d3038;
}
.dark_theme .page-wrapper .sidebar-wrapper .sidebar-menu ul li.active-page-link:after {
    border-color: transparent #262930 transparent transparent;
}
.dark_theme .page-wrapper .sidebar-wrapper .sidebar-menu ul li a:hover {
    background: #2d3038;
}
.dark_theme .page-wrapper .sidebar-wrapper .sidebar-menu ul li.active > a {
    background: #2d3038;
}
.dark_theme .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a:hover {
    background: #2d3038;
}
.dark_theme .login_theme_switcher {
    border: 1px solid rgba(255, 255, 255, 0.54);
}
.dark_theme .login_theme_switcher .theme_switch .theme_switch_icon_light {
    display: none;
}
.dark_theme .login_theme_switcher .theme_switch .theme_switch_icon_dark {
    display: block;
}
.dark_theme .login_theme_switcher .theme_switch.active {
    background: #d93939e0;
}
.dark_theme .login_theme_switcher .theme_switch:hover {
    background: #d93939e0;
}
.dark_theme .header-actions > li > a.user-settings {
    color: rgb(255 255 255 / 54%);
}
.dark_theme .header-actions > li > a.user-settings .avatar .status.busy {
    background: #d93939e0;
}
.dark_theme .header-actions > li:hover > a,
.dark_theme .header-actions > li:focus > a {
    background: #2d3038;
}
.dark_theme .dropdown-menu {
    background: #262930;
    color: rgb(255 255 255 / 87%);
}
.dark_theme .dropdown-menu:before {
    border-bottom: 9px solid #262930;
}
.dark_theme .header-profile-actions a {
    color: rgb(255 255 255 / 87%);
}
.dark_theme .header-profile-actions a:hover {
    background: #d93939e0;
}
.dark_theme .custom-search i:hover {
    color: #d93939e0;
}
.dark_theme .table .td-actions a.icon.blue {
    background: #37477C;
}
.dark_theme .table .td-actions a.icon.red {
    background: #d93939e0;
}
.dark_theme .card {
    background: #262930;
    border-bottom: 1px solid #262930;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 12%);
}
.dark_theme ul.custom-list2 li a:hover {
    color: #009ef7;
}
.dark_theme .badge.badge-primary,
.dark_theme .badge.badge-danger {
    background: #d93939e0;
}
.dark_theme .badge.badge-success {
    background: #009799;
}
.dark_theme .nav-tabs {
    border-bottom: 1px solid rgb(255 255 255 / 54%);
}
.dark_theme .nav-tabs .nav-item .nav-link.active {
    color: #d93939e0;
    border-top: 3px solid #d93939e0;
}
.dark_theme .nav-tabs .nav-item.show .nav-link,
.dark_theme .nav-tabs .nav-link.active {
    background: #262930;
    border-right: 1px solid rgb(255 255 255 / 54%);
    border-left: 1px solid rgb(255 255 255 / 54%);
}
.dark_theme .nav-tabs .nav-item .nav-link:hover {
    color: #d93939e0;
}
.dark_theme .page-wrapper .sidebar-wrapper .sidebar-menu ul li.active a.current-page {
    color: #d93939e0;
}
.dark_theme .breadcrumb .breadcrumb-item,
.dark_theme .breadcrumb .breadcrumb-item a {
    color: rgb(255 255 255 / 54%);
}
.dark_theme .breadcrumb .breadcrumb-item a:hover {
    color: #009ef7;
}
.dark_theme .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: rgb(255 255 255 / 54%);
}
.dark_theme .select2-container--default .select2-selection--single,
.dark_theme .select2-container--default .select2-selection--multiple {
    background: #2E3138;
    border: 1px solid rgba(255, 255, 255, 0.54);
}
.dark_theme .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgb(255 255 255 / 87%);
}
.dark_theme .select2-dropdown {
    background: #2E3138;
}
.dark_theme .select2-container--default .select2-results__option--selected {
    background: #2E3138;
}
.dark_theme .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.dark_theme .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: #d93939e0;
}
.dark_theme .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #262930;
    border: 1px solid #262930;
}
.dark_theme .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 1px solid rgba(255, 255, 255, 0.54);
}
.dark_theme .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark_theme .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background: #262930;
    color: rgb(255 255 255 / 54%);
}
.dark_theme .select2-container--default .select2-search--dropdown .select2-search__field {
    background: #262930;
    color: rgb(255 255 255 / 87%);
}
.dark_theme .invalid-feedback {
    color: #d93939e0;
}
.dark_theme .required:after {
    color: #d93939e0;
}
.dark_theme .btn-secondary {
    background: #414553;
    border-color: #414553;
    color: rgb(255 255 255 / 87%);
}
.dark_theme .btn-secondary:hover {
    background: #262930;
    border-color: #262930;
}
.dark_theme .form-check-input:checked {
    background-color: #37477C;
    border-color: #37477C;
}
.dark_theme .modal .modal-header {
    background: #d93939e0;
}
.dark_theme .modal-content {
    background: #2E3138;
}
.dark_theme .btn-link.danger {
    color: #d93939e0;
}
.dark_theme .btn-link.success {
    color: #009799;
}
.dark_theme .upload-photo-container {
    background: #d93939e0;
}
.dark_theme .sp-container {
    background: #262930;
    color: rgb(255 255 255 / 54%);
}
.dark_theme .sp-container button.sp-choose {
    background: #009799;
}
.dark_theme .pagination .page-item .page-link {
    color: rgb(255 255 255 / 54%);
}
.dark_theme .pagination .page-item.active .page-link,
.dark_theme .pagination .page-item .page-link:hover {
    background: #d93939e0;
    color: rgb(255 255 255 / 87%);
}
.dark_theme .flatpickr-calendar {
    background: #262930;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 rgb(255 255 255 / 54%), 0 1px 0 rgb(255 255 255 / 54%), 0 -1px 0 rgb(255 255 255 / 54%), 0 3px 13px rgb(0 0 0 / 8%);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 rgb(255 255 255 / 54%), 0 1px 0 rgb(255 255 255 / 54%), 0 -1px 0 rgb(255 255 255 / 54%), 0 3px 13px rgb(0 0 0 / 8%);
}
.dark_theme .flatpickr-months .flatpickr-prev-month,
.dark_theme .flatpickr-months .flatpickr-next-month,
.dark_theme .flatpickr-months .flatpickr-month {
    color: rgb(255 255 255 / 87%);
    fill: rgb(255 255 255 / 87%);
}
.dark_theme .flatpickr-current-month .flatpickr-monthDropdown-months {
    font-size: 16px;
}
.dark_theme .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: #2E3138;
    color: white;
    font-size: 14px;
}
.dark_theme span.flatpickr-weekday {
    color: rgb(255 255 255 / 87%);
}
.dark_theme .flatpickr-day {
    color: rgb(255 255 255 / 87%);
}
.dark_theme .flatpickr-day.flatpickr-disabled,
.dark_theme .flatpickr-day.flatpickr-disabled:hover,
.dark_theme .flatpickr-day.prevMonthDay,
.dark_theme .flatpickr-day.nextMonthDay,
.dark_theme .flatpickr-day.notAllowed,
.dark_theme .flatpickr-day.notAllowed.prevMonthDay,
.dark_theme .flatpickr-day.notAllowed.nextMonthDay {
    color: rgb(255 255 255 / 33%);
}
.dark_theme .flatpickr-day.selected,
.dark_theme .flatpickr-day.startRange,
.dark_theme .flatpickr-day.endRange,
.dark_theme .flatpickr-day.selected.inRange,
.dark_theme .flatpickr-day.startRange.inRange,
.dark_theme .flatpickr-day.endRange.inRange,
.dark_theme .flatpickr-day.selected:focus,
.dark_theme .flatpickr-day.startRange:focus,
.dark_theme .flatpickr-day.endRange:focus,
.dark_theme .flatpickr-day.selected:hover,
.dark_theme .flatpickr-day.startRange:hover,
.dark_theme .flatpickr-day.endRange:hover,
.dark_theme .flatpickr-day.selected.prevMonthDay,
.dark_theme .flatpickr-day.startRange.prevMonthDay,
.dark_theme .flatpickr-day.endRange.prevMonthDay,
.dark_theme .flatpickr-day.selected.nextMonthDay,
.dark_theme .flatpickr-day.startRange.nextMonthDay,
.dark_theme .flatpickr-day.endRange.nextMonthDay {
    background: #d93939e0;
    border-color: #d93939e0;
}
.dark_theme .flatpickr-day.inRange,
.dark_theme .flatpickr-day.prevMonthDay.inRange,
.dark_theme .flatpickr-day.nextMonthDay.inRange,
.dark_theme .flatpickr-day.today.inRange,
.dark_theme .flatpickr-day.prevMonthDay.today.inRange,
.dark_theme .flatpickr-day.nextMonthDay.today.inRange,
.dark_theme .flatpickr-day:hover,
.dark_theme .flatpickr-day.prevMonthDay:hover,
.dark_theme .flatpickr-day.nextMonthDay:hover,
.dark_theme .flatpickr-day:focus,
.dark_theme .flatpickr-day.prevMonthDay:focus,
.dark_theme .flatpickr-day.nextMonthDay:focus {
    background: #dd5f5f;
    border-color: #dd5f5f;
}
.dark_theme .flatpickr-day.inRange {
    -webkit-box-shadow: -5px 0 0 #dd5f5f, 5px 0 0 #dd5f5f;
    box-shadow: -5px 0 0 #dd5f5f, 5px 0 0 #dd5f5f;
}
.dark_theme .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.dark_theme .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.dark_theme .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #dd5f5f;
    box-shadow: -10px 0 0 #dd5f5f;
}
.dark_theme .clone-column-table-wrap table.dataTable.wf_table {
    background: #262930 !important;
}
.dark_theme .text-primary {
    color: #d93939e0 !important;
}
.dark_theme .select2-container--default .select2-selection--single .select2-selection__clear {
    color: #d93939e0;
}
.dark_theme #wfConferenceTableRoutesWrapper td.wf_conference_table_td_header {
    background: #262930 !important;
}
.dark_theme #wfConferenceTableRoutesWrapper .collapse td {
    background: #2d3038;
}
.dark_theme .flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgb(255 255 255 / 54%);
}
.dark_theme .flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgb(255 255 255 / 54%);
}
.dark_theme .flatpickr-time input.numInput,
.dark_theme .flatpickr-time input.flatpickr-hour,
.dark_theme .flatpickr-time input.flatpickr-minute {
    background: #2E3138;
    color: rgb(255 255 255 / 87%);
}
.dark_theme .flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgb(255 255 255 / 54%);
}
.dark_theme .flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: rgb(255 255 255 / 54%);
}
.dark_theme .error-screen {
    color: rgb(255 255 255 / 87%);
}
.dark_theme .login-screen {
    background: #262930;
}
.dark_theme .login-screen .login-logo img {
    opacity: 0.7;
}
.dark_theme .login-screen .forgot-pwd a {
    color: #009ef7;
}
.dark_theme .table .dtfc-fixed-left,
.dark_theme .dataTable.table-striped tbody tr:nth-of-type(odd) > td.dtfc-fixed-left {
    box-shadow: inset -1px 0px 0px rgba(255, 255, 255, 0.54) !important;
}
.dark_theme .dataTable.table-striped tbody tr:nth-of-type(odd) > td.dtfc-fixed-left {
    background: #262930 !important;
}
.dark_theme .dataTable.table-striped tbody .general_table_country_title td,
.dark_theme .dataTable.table-striped tbody tr:nth-of-type(odd).general_table_country_title td,
.dark_theme .dataTable.table-striped tbody tr:nth-of-type(even).general_table_country_title td {
    background: #1d1e22 !important;
}
.dark_theme .general_table_collapse_filters_active:before {
    background: #d93939e0;
}
.dark_theme .context-menu-list {
    background: #1d1e22;
}
.dark_theme .context-menu-item {
    background: #1d1e22;
    color: rgba(255, 255, 255, 0.87);
}
.dark_theme .context-menu-item.context-menu-hover {
    color: rgba(255, 255, 255, 0.87);
    cursor: pointer;
    background-color: #d93939e0;
}
.dark_theme .context-menu-item + .context-menu-item {
    border-top: 1px solid rgb(211 217 224 / 50%);
}
.dark_theme .context-menu-icon-wf-gt-icon-add-row:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(255, 255, 255, 0.87)' class='bi bi-plus-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    background-position: center center;
    background-size: contain;
}
.dark_theme .context-menu-icon-wf-gt-icon-remove-row:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(255, 255, 255, 0.87)' class='bi bi-dash-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
    background-position: center center;
    background-size: contain;
}
.dark_theme .context-menu-icon-wf-gt-icon-history-row:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(255, 255, 255, 0.87)' class='bi bi-clock' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z'/%3E%3C/svg%3E");
    background-position: center center;
    background-size: contain;
}
.dark_theme .context-menu-icon-wf-gt-icon-copy-row:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(255, 255, 255, 0.87)' class='bi bi-files' viewBox='0 0 16 16'%3E%3Cpath d='M13 0H6a2 2 0 0 0-2 2 2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2 2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 13V4a2 2 0 0 0-2-2H5a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zM3 4a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4z'/%3E%3C/svg%3E");
    background-position: center center;
    background-size: contain;
}
.dark_theme .context-menu-icon-wf-gt-icon-add-route-document:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(255, 255, 255, 0.87)' class='bi bi-file-earmark' viewBox='0 0 16 16'%3E%3Cpath d='M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z'/%3E%3C/svg%3E");
    background-position: center center;
    background-size: contain;
}
.dark_theme div.table {
    background: #262930;
}
.dark_theme div.th,
.dark_theme div.td {
    border-top: 1px solid rgba(255, 255, 255, 0.54);
    border-left: 1px solid rgba(255, 255, 255, 0.54);
    color: rgba(255, 255, 255, 0.87);
}
.dark_theme div.th {
    background: #1d1e22;
}

.dark_theme div.table-striped div.tbody div.tr:nth-of-type(even):not(.row-highlight-green):not(.row-highlight-pink) div.td,
.dark_theme .wf_conference_table_td_header {
    background: #2d3038 !important;
}
.dark_theme div.tr div.th:last-child,
.dark_theme div.tr div.td:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.54);
}
.dark_theme div.tbody div.tr:last-child div.td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.54);
}
.dark_theme .page_conference_by_blocks #wfConferenceTableCars .slimScrollDiv {
    border-bottom: 1px solid rgba(255, 255, 255, 0.54);
}
.dark_theme .page_conference_by_blocks #wfConferenceTableRoutes .slimScrollDiv {
    border-bottom: 1px solid rgba(255, 255, 255, 0.54);
}
.dark_theme div#wfGeneralTable .tr.general_table_country_title .td {
    background: #1d1e22 !important;
}
.dark_theme div#wfGeneralTable div.th[data-field="departure_types_of_route_id"],
.dark_theme div#wfGeneralTable div.th[data-field="download_city_id"],
.dark_theme div#wfGeneralTable div.th[data-field="transit_types_of_route_id"],
.dark_theme div#wfGeneralTable div.th[data-field="customs_city_id"],
.dark_theme div#wfGeneralTable div.th[data-field="unloading_city_id"] {
    background: #b95c5c;
}
.dark_theme div#wfGeneralTable div.td {
    background: #262930;
}
.dark_theme div#wfGeneralTable.wfGeneralTable_scroll_horizontal div.th[data-field="car_id"],
.dark_theme div#wfGeneralTable.wfGeneralTable_scroll_horizontal div.td[data-field="car_id"] {
    border-right: 1px solid rgba(255, 255, 255, 0.54);
}
.dark_theme .crm_contacts_left_column_link svg,
.dark_theme .crm_organizations_left_column_link svg {
    fill: #777777!important;
}
.dark_theme .crm_agreements_left_column_link svg path {
    fill: #777777!important;
}
.dark_theme .page-wrapper .sidebar-wrapper .sidebar-menu ul li.active-page-link a.crm_contacts_left_column_link svg,
.dark_theme .page-wrapper .sidebar-wrapper .sidebar-menu ul li.active-page-link a.crm_contacts_left_column_link svg {
    fill: rgb(255 255 255 / 54%);
}
.dark_theme .page-wrapper .sidebar-wrapper .sidebar-menu ul li.active-page-link a.crm_agreements_left_column_link svg path {
    fill: rgb(255 255 255 / 54%);
}
.dark_theme #wfUsersTable_wrapper > .table-responsive + .row,
.dark_theme #wfUserRolesTable_wrapper > .table-responsive + .row {
    background: #2E3138;
}
.dark_theme #wfUsersTable_wrapper .dataTables_info,
.dark_theme #wfUserRolesTable_wrapper .dataTables_info {
    color: rgb(255 255 255 / 87%);
}
.dark_theme .scrollbar-outer > .scroll-element .scroll-bar {
    background-color: #3e3e3e;
}
.dark_theme .scrollbar-outer > .scroll-element .scroll-element_track {
    background-color: #262930;
}
.dark_theme .wf_crm_funnel_edit_draggable_zone .card-header:after {
    color: #d93939e0;
}
.dark_theme .wf_crm_funnel_edit_draggable_zone .card-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.54);
}
.dark_theme .wf_crm_funnel_edit_draggable_zone .card-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.54);
}
.dark_theme .wf_crm_funnel_step_add_new_wrapper_main_col .card {
    background: transparent;
    box-shadow: none;
}
.dark_theme ul.project-activity li.activity-list:before {
    border: 4px solid #595959;
}
.dark_theme ul.project-activity li.activity-list:after {
    background-color: #595959;
    border: 2px solid #d93939e0;
}
.dark_theme .page_crm_agreements_funnel_item_agreement {
    background-color: #2E3138;
    border: 1px solid rgba(255, 255, 255, 0.54);
    box-shadow: none;
}
.dark_theme .page_crm_agreements_funnel_item_agreement_title {
    color: rgb(255 255 255 / 87%);
}
.dark_theme .page_crm_agreements_funnel_item_agreement_price {
    color: rgb(255 255 255 / 87%);
}
.dark_theme .page_crm_agreements_funnel_bottom_buttons_wrapper_outer {
    background: #2E3138;
    border-left: 1px solid rgba(255, 255, 255, 0.54);
    border-top: 1px solid rgba(255, 255, 255, 0.54);
}
.dark_theme .quick-analytics a {
    color: rgb(255 255 255 / 87%);
}
.dark_theme .quick-analytics a i {
    background: #2E3138;
}
.dark_theme .wf_accordion_mails .accordion-container .accordion-header a {
    color: rgb(255 255 255 / 87%);
}
.dark_theme .wf_accordion_mails .accordion-container,
.dark_theme .wf_accordion_mails .accordion-container .accordion-header,
.dark_theme .accordion .accordion-container .accordion-body {
    background: #262930;
}
.dark_theme .edit_mail_page_text_wrapper_disable {
    background: #2E3138;
}
.dark-theme.fr-box.fr-basic .fr-wrapper,
.dark-theme .fr-second-toolbar {
    background: #2E3138;
}
.dark-theme.fr-box.fr-basic .fr-element {
    color: rgb(255 255 255 / 87%);
}
.dark_theme .btn-outline-danger {
    color: #d93939e0;
    border-color: #d93939e0;
}
.dark_theme .btn-outline-danger:hover {
    color: rgb(255 255 255 / 87%);
}
.dark_theme .header-actions > li > a > i {
    color: #d93939e0;
}
.dark_theme ul.header-notifications li a {
    color: rgb(255 255 255 / 87%);
}
.dark_theme ul.header-notifications li a:hover {
    color: rgb(255 255 255 / 87%);
    background: #2E3138;
}
.dark_theme .crm_mail_table_cell {
    background: #2d3038 !important;
}
.dark_theme .td_hover .td-actions{
    background: #2d3038;
}
.dark_theme .not-read-mail {
    background: #212529 !important;
}
.dark_theme .dataTable.table-striped tbody tr:nth-of-type(odd) > td.not-read-mail {
    background: #212529 !important;
}
.dark_theme #wfCRMMailsTable tr:hover td {
    background: #212529 !important;
}
.dark_theme .btn_crm_mail_page_buttons {
    background: #2E3138;
    border-top: 1px solid #424242;
}
.dark_theme.page_crm_mail_item .card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.dark_theme .page-wrapper .sidebar-wrapper {
    border-right: 1px solid #424242;
}
.dark_theme .wf_mobile_list_item_block {
    background-color: #262930;
    border: 1px solid rgba(255, 255, 255, 0.54);
    box-shadow: none;
}
.dark_theme .wf_mobile_list_item_block_title {
    color: rgb(255 255 255 / 87%);
}
.dark_theme .wf_mobile_list_item_block_row {
    color: rgb(255 255 255 / 87%);
}
.dark_theme .wf_remove_crm_task {
    background: #d93939e0;
}
.dark_theme .wf_td_error_routes_cell1 {
    background: #4A235A !important;
}
.dark_theme .wf_td_error_routes_cell2 {
    background: transparent !important;
}
.dark_theme .wf_td_error_routes_cell3 {
    background: #2C3E50 !important;
}
.dark_theme .log_routes_general_table_log tbody td {
    color: #363434;
}
.dark_theme .info-stats4 {
    background: #262930;
    border-bottom: rgba(0, 0, 0, 0.12);
}
.dark_theme .info-stats4 .info-icon {
    background: #2E3138;
}
.dark_theme .list-group,
.dark_theme .list-group .list-group-item {
    background: transparent;
}
.dark_theme .list-group .list-group-item {
    border: 1px solid rgba(255, 255, 255, 0.54);
}
.dark_theme .list-group .list-group-item a {
    color: #ffffff;
}

@media (max-width: 2000px) {
    .crm_mails_flex .crm_mails_table_cell_subject {
        width: 30%;
    }
    .crm_mails_flex .crm_mails_table_cell_text {
        width: 70%;
    }
    .crm_mails_table_cell_text {
        max-width: 1000px;
    }
}
@media (max-width: 1800px) {
    .page_calendar .flatpickr-calendar.inline {
        transform: scale(0.7);
        margin: -45px 0 0 -43px;
    }
}
@media (max-width: 1600px) {
    .page_calendar .flatpickr-calendar.inline {
        transform: scale(0.6);
        margin: -60px 0 0 -50px;
    }
}
@media (max-width: 1400px) {
    .page_calendar .flatpickr-calendar.inline {
        transform: scale(0.7);
        margin: -45px 0 0 -27px;
    }
}
@media (max-width: 1300px) {
    .page_calendar .flatpickr-calendar.inline {
        margin: -45px 0 0 -47px;
    }
    #wfConferenceTableCarsWrapper td[data-field="free_cars"] {
        min-width: 120px;
    }
    #wfConferenceTableCars div.th[data-field="free_cars"],
    #wfConferenceTableCars div.td[data-field="free_cars"] {
        flex-basis: 120px;
    }
    #wfConferenceTableRoutes div.th[data-field="cargo"],
    #wfConferenceTableRoutes div.td[data-field="cargo"] {
        flex-basis: 90px;
    }
    #wfConferenceTableRoutes div.th[data-field="price"],
    #wfConferenceTableRoutes div.td[data-field="price"] {
        flex-basis: 60px;
    }
    .page_conference_by_blocks #wfConferenceTableRoutes .slimScrollDiv {
        height: calc(100vh - 190px) !important;
    }
}
@media (max-width: 1200px) {
    .wf_crm_funnel_edit_draggable_zone {
        flex-wrap: wrap;
    }
    .wf_crm_funnel_edit_draggable_zone .draggable {
        width: 33.3%;
        min-width: 33.3%;
        flex: initial;
        margin-bottom: 25px;
    }
    .page_crm_agreements_funnel_bottom_buttons_wrapper_outer {
        display: none;
    }
    .page_crm_agreements_funnel_agreements_wrapper_inner {
        flex-wrap: wrap;
    }
    .page_crm_agreements_funnel_agreements_wrapper_inner .col {
        width: 33.3%;
        min-width: 33.3%;
        flex: initial;
        margin-bottom: 25px;
    }
    .page_crm_agreements_funnel_agreements_wrapper_inner .draggable-zone {
        height: 300px;
    }
    .wf_btn_crm_agreements_filters_apply {
        margin-top: 26px;
    }
}
@media (max-width: 1150px) {
    .page_calendar .flatpickr-calendar.inline {
        transform: scale(0.65);
        margin: -50px 0 0 -59px;
    }
    .wf_btn_download_conference_routes .indicator-label span,
    .wf_btn_download_conference_cars .indicator-label span {
        display: none;
    }
}
@media (max-width: 992px) {
    #wfCRMMailsTableWrapper {
        user-select: none;
    }
    .page-wrapper.toggled .header .custom-search {
        display: none;
    }
    .page_route_document_edit .wf_form_froup_checkboxes_trainee_wrapper {
        margin: 10px 0 20px;
    }
    .page_calendar .flatpickr-calendar.inline {
        transform: scale(1);
        margin: 0;
    }
    #wfConferenceTableRoutesWrapper {
        margin-top: 30px;
    }
    .general_table_dates {
        display: none;
    }
    .page_conference_by_blocks #wfConferenceTableCars .slimScrollDiv,
    .page_conference_by_blocks #wfConferenceTableRoutes .slimScrollDiv {
        /*height: 100% !important;*/
        height: auto !important;
    }
    .page_conference_by_blocks .main-container {
        padding-bottom: 1.5rem !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-top: 100px;
    }
    .page_general_table_by_blocks .main-container {
        padding-bottom: 1.5rem !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .page_conference_by_blocks .page-header {
        position: fixed;
        top: 0;
        width: calc(100% - 65px);
        z-index: 2;
        background: #eff1f5;
        /*padding-left: 8px !important;*/
        /*padding-right: 8px !important;*/
        padding: 8px !important;
    }
    .page_general_table_by_blocks .page-header {
        padding: 8px !important;
    }
    .dark_theme.page_conference_by_blocks .page-header {
        background: #2E3138;
    }
    .page_conference_by_blocks .slimScrollBar {
        display: none !important;
    }
    .page_conference_by_blocks #wfConferenceTableCars,
    .page_conference_by_blocks #wfConferenceTableRoutes {
        overflow: auto;
    }
    .page_general_table_by_blocks .breadcrumb {
        padding: 0;
    }
    .page_general_table_by_blocks .wf_filters {
        position: absolute;
        z-index: 4;
        background: #eff1f5;
        width: 100%;
        padding-right: 8px;
        padding-left: 8px;
        left: 0;
    }
    .dark_theme.page_general_table_by_blocks .wf_filters {
        background: #2E3138;
    }
    .crm_card_height_half {
        height: auto !important;
    }
    .crm_card_height_full {
        height: auto !important;
    }
    .crm_card_height_half .card-body,
    .crm_card_height_full .card-body {
        height: auto;
    }
    .wf_history_card_body {
        min-height: 400px !important;
    }
    .wf_history_card_body .slimScrollDiv,
    .wf_history_card_body .wf_project_activity_wrapper {
        height: 100% !important;
    }
    /* .page_crm_organization .page-header,
    .page_crm_contact .page-header,
    .page_crm_lead .page-header,
    .page_crm_agreement .page-header { */
    .page_crm_organization .page-header {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: .5rem;
    }
    /* .page_crm_organization .breadcrumb,
    .page_crm_contact .breadcrumb,
    .page_crm_lead .breadcrumb,
    .page_crm_agreement .breadcrumb { */
    .page_crm_organization .breadcrumb {
        padding: 1rem 0 .5rem;
    }
    .page_general_table .main-container > .row > .col-12 {
        position: relative;
    }
    .wf_descktop_block,
    .wf_descktop_block + .wfDatatableTableFooter {
        display: none;
    }
    .wf_mobile_block {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .wf_btn_filters_apply {
        margin-top: 0;
    }
    .wf_crm_item_nav_tabs {
        display: none;
    }
    .wf_crm_item_tab_content .tab-pane {
        display: block !important;
        opacity: 1 !important;
    }
    .col_invoices_history {
        display: none;
    }
    .wf_filter_btns {
        margin: 0 0 15px;
    }
}
@media (max-width: 768px) {
    .page_crm_mails .main-container,
    .page_crm_mail .main-container,
    .page_crm_contacts .main-container,
    .page_crm_leads .main-container,
    .page_crm_agreements .main-container,
    .page_crm_contact .main-container,
    .page_crm_lead .main-container,
    .page_crm_agreement .main-container,
    .page_crm_tasks .main-container {
        /* padding: 0 8px 1.5rem 8px; */
        padding: 0 8px 70px 8px !important;
    }
    .page_crm_mail_item .main-container {
        padding-bottom: 90px;
    }
    .page_crm_mails .page-header,
    .page_crm_contacts .page-header,
    .page_crm_leads .page-header,
    .page_crm_agreements .page-header,
    .page_crm_tasks .page-header {
        padding: 0 8px;
    }
    td.td_hover {
        display: none !important;
    }
    #wfCRMMailsTable thead {
        display: none;
    }
    #wfCRMMailsTable.table-bordered>:not(caption)>* {
        border: none;
    }
    .not-read-mail {
        background: unset !important;
    }
    .dataTable.table-striped tbody tr:nth-of-type(odd) > td.not-read-mail {
        background: unset !important;
    }
    #wfCRMMailsTable tr:hover td{
        background: unset !important;
    }
    #wfCRMMailsTableWrapper td {
        padding: 0.6rem 0.7rem;
    }
    .page_crm_mail_item .page-header,
    .page_crm_contact .page-header,
    .page_crm_lead .page-header,
    .page_crm_agreement .page-header {
        padding: 0 8px;
        margin: 55px 0 0 0;
    }
    .page_route_document_edit .wf_form_froup_checkboxes_not_agree_wrapper,
    .page_calendar .wf_form_froup_checkboxes,
    .page_route_document_edit .wf_form_froup_checkboxes {
        margin: 10px 0 20px;
    }
    .page_route_document_edit .wf_form_froup_checkboxes .form-check {
        display: block;
        margin-left: 0 !important;
    }
    .page_route_document_edit .wf_form_froup_checkboxes .form-check + .form-check {
        margin-top: 20px !important;
        margin-left: 0 !important;
    }
    .wf_datatable_pagination {
        margin-top: 15px;
    }
    .conference_carlist_color_td {
        width: 2px;
    }
    .modal_edit_min .modal-dialog {
        position: relative;
        margin-top: 0;
        margin-bottom: 0;
        top: initial;
        left: initial;
    }
    .modal_edit_min .input-group-inner-select-wrapper {
        width: calc(100% - 84px);
    }
    .page_conference_by_blocks .page-header {
        width: 100%;
    }
    .wf_crm_funnel_edit_draggable_zone .draggable {
        width: 50%;
        min-width: 50%;
    }
    .page_crm_agreements_funnel_agreements_wrapper_inner .col {
        width: 50%;
        min-width: 50%;
    }
    .page_crm_mail_item .btn_crm_mail_page_buttons,
    .page_crm_contact .btn_crm_mail_page_buttons,
    .page_crm_lead .btn_crm_mail_page_buttons,
    .page_crm_agreement .btn_crm_mail_page_buttons {
        position: fixed;
        bottom: 0;
        padding: 8px;
        background-color: #ffffff;
        border-top: 1px solid #e0e3e8;
    }
    .dark_theme.page_crm_mail_item .btn_crm_mail_page_buttons,
    .dark_theme.page_crm_contact .btn_crm_mail_page_buttons,
    .dark_theme.page_crm_lead .btn_crm_mail_page_buttons,
    .dark_theme.page_crm_agreement .btn_crm_mail_page_buttons {
        background: #2E3138;
        border-top: 1px solid #424242;
    }
    .page_crm_mail_item .breadcrumb,
    .page_crm_contact .breadcrumb,
    .page_crm_lead .breadcrumb,
    .page_crm_agreement .breadcrumb {
        padding: 0.8rem 0;
        flex-wrap: nowrap;
        white-space: nowrap;
    }
    .page_crm_mail_item .breadcrumb .breadcrumb-item,
    .page_crm_contact .breadcrumb .breadcrumb-item,
    .page_crm_lead .breadcrumb .breadcrumb-item,
    .page_crm_agreement .breadcrumb .breadcrumb-item {
        display: flex;
        align-items: center;
    }
    .crm_mails_text_mobile {
        display: block;
        flex-wrap: nowrap;
        flex-direction: row;
    }
    .crm_mails_text_desktop {
        display: none;
    }
    .crm_mails_table_mobile {
        display: none;
    }
    .crm_mails_flex .crm_mails_table_cell_subject {
        width: 100%;
    }
    .wf_mails_table_cell_date {
        position: absolute !important;
        top: 4px;
        right: 1px;
        font-size: 11px;
    }
    /* .attachments_mail_inbox .mail_inbox_page_attachments_list_view_item { */
    .attachments_mail_inbox .edit_mail_page_attachments_list_view_item {
        white-space: pre-wrap;
    }
    .crm_mobile_hidden {
        height: auto;
        max-height: 18px;
        white-space: normal;
    }
    .wf_mails_table_cell_main_mobile_wrapper {
        /* padding: 10px 0 10px 44px !important; */
        padding: 10px 0 !important;
    }
    #wfCRMMailsTableWrapper {
        margin-top: -10px;
    }
    #wfCRMMailsTable {
        border: none !important;
    }
    #wfCRMMailsTable > :not(:first-child) {
        border: none !important;
    }
    .wf_crm_mails_table_container,
    #wfCRMMailsTable,
    #wfCRMMailsTable > tbody > tr:nth-of-type(even) > td {
        background: transparent !important;
    }
    .crm_mails_table_cell_subject {
        font-size: 14px;
        height: 22px;
    }
    .crm_mails_flex {
        flex-direction: column;
    }
    .crm_mails_table_cell_subject,
    .crm_mails_table_cell_username {
        max-width: initial;
    }
    .wf_mails_table_cell_messagetext_mobile {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
    }
    /* #wfCRMMailsTable .user-img {
        display: block;
        position: absolute;
        left: 0;
        top: 16px;
        background: #a0a0a0;
    } */
    .wf_btn_add_crm_mail_wrapper {
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 8px;
        background-color: #ffffff;
        border-top: 1px solid #e0e3e8;
        z-index: 4;
        width: 100%;
        display: flex;
        justify-content: end;
        gap: 10px;
        flex-wrap: wrap;
    }
    .dark_theme .wf_btn_add_crm_mail_wrapper {
        background: #2E3138;
        border-top: 1px solid black;
    }
    .wf_mails_table_cell_archive_to_email {
        display: none;
    }
    .dark_theme .dataTable.table-striped tbody tr:nth-of-type(odd) > td.not-read-mail {
        background: transparent !important;
    }
    .wf_mail_editpage_email_card_to_whom,
    .wf_mail_editpage_email_card_subject {
        margin-bottom: 0;
    }
    .wf_mail_editpage_email_card_to_whom .card-body {
        padding-bottom: 0;
    }
    .page_crm_mail_item .wf_crm_edit_item_right_buttons,
    .page_crm_contact .wf_crm_edit_item_right_buttons,
    .page_crm_lead .wf_crm_edit_item_right_buttons,
    .page_crm_agreement .wf_crm_edit_item_right_buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
    }
    .wf_mail_editpage_email_text_main_card {
        margin: 10px 0 0;
    }
    .wf_mail_editpage_email_signature_card {
        margin: 15px 0 0;
    }
    .wf_mails_table_cell_username_mobile {
        width: calc(100% - 110px);
        overflow: hidden;
    }
    .wf_mobile_list_pagination_wrapper .pe-0 {
        padding-left: 0 !important;
        margin-top: 12px;
    }
    .wf_btn_filters_apply {
        margin-top: 0 !important;
    }
    .crm_mails_table_cell_username {
        display: none;
    }
    #wfCRMMailsTable {
        display: flex;
    }
    #wfCRMMailsTable tbody {
        display: flex;
        flex-direction: column;
    }
}
@media (max-width: 576px) {
    .page_road_trains .page-header .text-primary,
    .page_conference .page-header .text-primary {
        display: none;
    }
    .road_trains_date,
    .conference_date {
        margin-left: 0 !important;
    }
    .wf_btn_download_report .indicator-label span {
        display: none;
    }
    .select2-container--open .select2-dropdown {
        min-width: 300px;
    }
    #wfConferenceTableCarsWrapper td[data-field="free_cars"] {
        min-width: 20px;
    }
    .header-actions > li:nth-child(2n) {
        display: list-item;
    }
    .page_crm_mail_item .btn_crm_mail_page_buttons,
    .page_crm_contact .btn_crm_mail_page_buttons {
        flex-wrap: wrap;
        gap: 10px;
    }
    .page_crm_mail_item .btn_crm_mail_page_buttons > *,
    .page_crm_contact .btn_crm_mail_page_buttons > *,
    .page_crm_lead .btn_crm_mail_page_buttons > *,
    .page_crm_agreement .btn_crm_mail_page_buttons > * {
        margin: 0 !important;
        font-size: 11px;
    }
    .page_crm_mail_item .wf_crm_edit_item_right_buttons > *,
    .page_crm_contact .wf_crm_edit_item_right_buttons > *,
    .page_crm_lead .wf_crm_edit_item_right_buttons > *,
    .page_crm_agreement .wf_crm_edit_item_right_buttons > * {
        font-size: 11px;
    }
    .page_crm_mail_item .page-header,
    .page_crm_contact .page-header,
    .page_crm_lead .page-header,
    .page_crm_agreement .page-header {
        justify-content: space-between;
        /* flex-direction: column; */
        /* align-items: flex-start; */
        margin-bottom: 10px;
    }
}
@media (max-width: 480px) {
    .custom-search .search-query {
        width: 140px;
        padding: 7px 32px 7px 7px;
    }
    .custom-search i {
        padding: 0 3px;
    }
    .general_table_breadcrumb_text {
        display: none;
    }
    #wfConferenceTableCars div.td[data-field="free_cars"],
    #wfConferenceTableCars div.td[data-field="route"],
    #wfConferenceTableRoutes div.td[data-field="route"],
    #wfConferenceTableRoutes div.td[data-field="cargo"] {
        display: inherit;
        word-break: break-all;
    }
    #wfConferenceTableCars div.th[data-field="color"],
    #wfConferenceTableCars div.td[data-field="color"] {
        flex-basis: 5px;
    }
    #wfConferenceTableCars div.th[data-field="free_cars"],
    #wfConferenceTableCars div.td[data-field="free_cars"],
    #wfConferenceTableRoutes div.th[data-field="cargo"],
    #wfConferenceTableRoutes div.td[data-field="cargo"] {
        flex-basis: 80px;
    }
    #wfConferenceTableCars div.th,
    #wfConferenceTableCars div.td,
    #wfConferenceTableRoutes div.th,
    #wfConferenceTableRoutes div.td {
        font-size: 12px;
    }
    .wf_crm_funnel_edit_draggable_zone .draggable {
        width: 100%;
        min-width: 100%;
    }
    .page_crm_agreements_funnel_agreements_wrapper_inner .col {
        width: 100%;
        min-width: 100%;
    }
    .invoices_list_item_other_crm_page_wrapper_top {
        gap: 3px;
        flex-direction: column;
    }
    .invoices_list_item_other_crm_page_date {
        margin: 3px 0 0;
    }
    .invoices_list_item_other_crm_page_wrapper_bottom .activity-log-list {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
        position: relative;
    }
    .invoices_list_item_other_crm_page_wrapper_bottom .activity-log-list .sts {
        position: absolute;
        top: 10px;
        left: -27px;
    }
}
@media (max-width: 400px) {
    .wf_btn_add_conference_car {
        float: left;
    }
    .wf_btn_add_conference_car_convoy {
        margin: 10px 0 0;
        float: left;
        clear: left;
    }
}
@media (max-width: 389px) {
    .header,
    .page-header {
        padding: 0 15px;
    }
    .main-container {
        padding: 0 15px 1.5rem;
    }
}
@media (max-width: 369px) {
    .custom-search .search-query {
        width: 92px;
    }
    .general_table_range {
        width: 140px;
        font-size: 11px;
    }
}
@media (max-width: 349px) {
    .road_trains_date,
    .conference_date {
        width: 100px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Reminders list page - add spacing after filters */
.page_crm_reminders .card {
    margin-top: 15px;
}

/* Dark theme styles for reminder tables in client/lead/contact pages */
.dark_theme .card .table-responsive {
    background: transparent;
}

.dark_theme .card .table {
    background: transparent;
    color: rgba(255, 255, 255, 0.87);
}
.dark_theme .card .table thead th {
    color: rgba(255, 255, 255, 0.87);
}
.dark_theme .card .table tbody td {
    color: rgba(255, 255, 255, 0.87);
    border-top: 1px solid rgba(255, 255, 255, 0.54);
}
.dark_theme .card .table-hover tbody tr:hover {
    background: rgba(255, 255, 255, 0.05);
}

/* Dark theme for reminders list page */
.dark_theme .card.page_crm_reminders {
    background: #262930;
}
.dark_theme .card.page_crm_reminders .card-body {
    background: #262930;
}
.dark_theme .card.page_crm_reminders .table-responsive {
    background: transparent !important;
}
.dark_theme .card.page_crm_reminders .table {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.87) !important;
}
.dark_theme .card.page_crm_reminders .table thead th {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.87);
}
/* Override for main reminders list table with sorting */
.dark_theme .card.page_crm_reminders table.dataTable.wf_table thead th {
    background: #1d1e22 !important;
}
.dark_theme .card.page_crm_reminders .table tbody td {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.87);
}
.dark_theme .card.page_crm_reminders .table-hover tbody tr:hover td {
    background: rgba(255, 255, 255, 0.05) !important;
}

/* Dark theme scrollbar for reminders page */
.dark_theme .page_crm_reminders .table-responsive::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.dark_theme .page_crm_reminders .table-responsive::-webkit-scrollbar-track {
    background: #262930;
}
.dark_theme .page_crm_reminders .table-responsive::-webkit-scrollbar-thumb {
    background: #4a4d57;
    border-radius: 4px;
}
.dark_theme .page_crm_reminders .table-responsive::-webkit-scrollbar-thumb:hover {
    background: #5a5d67;
}